Global CSS only working on preview, not live

[annevdheijden]

Hi there!

I want to make the prices in my Woocomerce webshop directly visible instead of only on hover. I’ve found the CSS code for this and entered it into the global CSS:

.woocommerce li.product .entry-wrap {
position: relative; !important;
}

In the preview this code is working fine and does the thing I want. However, on the live site this doesn’t work. I’ve already tried to add the CSS tot the style.css file of the child theme. Unfortunately, this doesn’t make a difference.

Could you please help me to get this code to work in the live version?

Thanks in advance!

[rad]

Hi @annevdheijden,

Thanks for reaching out.

It’s not going to work, the correct CSS should be

.woocommerce li.product .entry-wrap {
position: relative !important;
} 

I assume you’re referring to the products on your home page, that CSS works on that one. And if you have existing broken CSS like that one, other CSS may not work too. So please check your other CSS before adding new.

Thanks!