-
Posts
-
Hello,
when I want to change style in woocommerce-mod.css, can I copy the file to my child theme? Is it important to delete woocommerce-mod.css in the enfold theme file?
Thank you very much.
Kind regards,
Anja
Hey anjmat!
Thank you for using our theme.
No, you have to modify it in the parent theme.
A better solution is to put your changes in styles.css of the child theme and leave the original css files untouched.
If you only need some CSS changes it is better to put them in the custom.css or the Quick-CSS of the parent theme to speed up loading.
If no changes are seen, apply !important to your changes, e.g.
.someclass {
display: none !important;
}Cheers!
GünterHello Günter,
thanks.
“A better solution is to put your changes in styles.css of the child theme and leave the original css files untouched.”-> This means, the styles.css also reads the styles for the woocommerce-mod.css?
if no changes are seen, apply !important to your changes, e.g.
.someclass {
display: none !important;
}-> when do i use this? don’t understand. sorry.
Then I like to understand: I order to change the width of the table including the cart_contanier to the width of the cart-collerateal where do I have to change it. My aim is to get the table “cart-totals” on the same width as the table above “form” on shopping cart page.
Thank you very much.
Kind regards,
Anja
Hey!
All the CSS files are loaded by the theme and/or plugins. The order in which the files are loaded are bufferd in the browser and if several styles are applied to an object the latest loaded value is taken. In case you need a value that is loaded not as the last, you use !important to force the browser to take this one, regrdless what is loaded after.
For our second question.
To be sure to talk about the same thing, can you give us a link to the page(s) where you want to change the styles?
Best regards,
GünterHey!
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) :
#top .cart-collaterals .cart_totals { width: 100%; }You can also add it to your child style.css
Cheers!
Devin
- The topic ‘woocommerce-mod.css in child theme’ is closed to new replies.