How to change the distance between the trash icon and the words "shopping Cart" in Woocommerce?

Wordpress 4.6.1. Woocommerce.
After the Russification of the topic word "Cart" is replaced by "Basket" - a longer. As a result, the letter "K" goes underneath the trash can icon.

Task: to change the distance between the trash icon and the words "shopping Cart" to make the word visible.

I tried this: edited the wordpress/wp-content/plugins/woocommerce/assets/css/woocommerce.css
trying to find what setting to change. Tried to change to left in p.demo_store{position:fixed;top:0;left:0;right:0;margin:0;width:100%;font-size:1em; - did not help.

Question: is it right have got to change this file? If not, tell me how to solve the problem correctly?
July 2nd 19 at 17:34
1 answer
July 2nd 19 at 17:36
Solution
No, wrong. Edit the files of the plugin is bad, because the first update of the plugin will lose everything. The rule is necessary in your theme, increasing the priority of a css selector.

www.quizful.net/post/specificity-of-css-selectors
Use a child theme. So, as far as I understand, you need to make an edit with the increase of the selector in its style.css. By using browser inspect element, it seems, found the right selector .amount-tytle { margin-left: 50px; }. At the moment I understand how in practice to raise the priority. - ignacio_Leffler commented on July 2nd 19 at 17:39
: The easiest option: div.amount-tytle { margin-left: 50px; } - keagan_Hartmann commented on July 2nd 19 at 17:42
: Clear. Did, but for some reason not applied. Here is the style.css (the first Directive applies body, div no. In this case, it font-size.):
/*
Theme Name: Child
Description: a Child theme
Author: alter
Template: theme1
*/

@ import url("../theme1/style.css");

body{
font-size:15px;
}

div .amount-tytle{
font-size:5px;
}
Apparently, something is not quite right in the div do? (After the @ import in space no if that). - ignacio_Leffler commented on July 2nd 19 at 17:45
: the space after the div get - keagan_Hartmann commented on July 2nd 19 at 17:48
tried without spaces in the beginning, did not work, then tried without a space, and attached here. Still tried so:
div.amount-tytle{
font-size:5px !important;
}
That didn't work either. Such cases. - ignacio_Leffler commented on July 2nd 19 at 17:51
Bug found, my oversight, all works. Thank you. - ignacio_Leffler commented on July 2nd 19 at 17:54

Find more questions by tags CSSWordPressWooCommerce