Title: CSS WordPress Last modified: August 20, 2016 --- # CSS WordPress * Resolved [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/) * How can I change my CSS on Woocommerce? I’ve been trying to add a margin-top on the category images and product images but it doesn’t work. Could anyone help me? My website is test.wildatartatelier.com * [http://wordpress.org/extend/plugins/woocommerce/](http://wordpress.org/extend/plugins/woocommerce/) Viewing 15 replies - 1 through 15 (of 26 total) 1 [2](https://wordpress.org/support/topic/css-wordpress/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-wordpress/page/2/?output_format=md) * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443016) * What you do is get yourself a dev tool like firebug or chrome tools and use that to inspect the element you want and it will tell you exactly where that style is. * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443019) * Yes I’ve tried that but for example I changed the margin top to 150px and in firebug it worked but once I put it into my woocommerce css it didn’t change a thing… * here the code that i had in firebug: div.product span.price, div.product p.price,# content div.product span.price, #content div.product p.price { color: #696767; font-size: 1.25em; margin-top: 150px; } * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443021) * Of course that would not work because look at your class name…they are referring to price not your products list…I think what you want is: * ``` #main { padding:20px; } ``` * This is in your style.css, not woocommerce. * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443024) * Yes but i do not want to change my whole website. If I change in main then my blog page will also change. How can I change the css of woocommerce without changing the rest of the site? * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443026) * Same process * ``` .products ul, ul.products {padding:20px;margin:0;} ``` * In your woocommerce styles. * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443030) * It still doesn’t change anything. If I insert the code in friewire it works but once I insert it into my woocommerce.css nothing happens * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443032) * Where are you editing this css? What is the path? * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443033) * I was editing it in Woocommerce.css I followed you advice by putting the woocommerce. css in the style.css but now it has changed absoltutly everyting * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443035) * if you did it correctly, it will work.. * The logic is simple before you consolidated it, it was simply loading two stylesheets, your theme style.css and woocommerce.css… * Now you’re just simply copying all styles form woocommerce.css and pasting it at the end of the style.css file which essentially is the same thing except now you’re only loading one stylesheet…So if done correctly, nothing should change. * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443037) * So i copy past the woocommerce.css to my style.css and then i go into woocommerce settings and unselect the box saying “enable woocommerce css styles”. i’m sorry if i am asking silly questions * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443040) * Yes. * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443041) * It doesn’t work, thats exactly what i did and it changed everything * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443045) * Ok then sorry I don’t know how else to help you. I am a theme developer so I do this day in and day out… * Thread Starter [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * (@wild-at-art-atelier) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443049) * could there be a bug or problem in my woocommerce? * [Roy Ho](https://wordpress.org/support/users/splashingpixelscom/) * (@splashingpixelscom) * [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/#post-3443051) * I highly doubt it… Viewing 15 replies - 1 through 15 (of 26 total) 1 [2](https://wordpress.org/support/topic/css-wordpress/page/2/?output_format=md) [→](https://wordpress.org/support/topic/css-wordpress/page/2/?output_format=md) The topic ‘CSS WordPress’ is closed to new replies. * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504) * [WooCommerce](https://wordpress.org/plugins/woocommerce/) * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq) * [Support Threads](https://wordpress.org/support/plugin/woocommerce/) * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/) * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [margin](https://wordpress.org/support/topic-tag/margin/) * 26 replies * 2 participants * Last reply from: [Wild at Art Atelier](https://wordpress.org/support/users/wild-at-art-atelier/) * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/css-wordpress/page/2/#post-3443280) * Status: resolved