CSS doesn’t work.

Hello, can you show us an example of how you’re trying to add your styles? You can add CSS styles by going to Appearance->Customize->Additional CSS, if a specific style does not work then add !important to it example:

#id{
background: #000 !important;
}

Thanks for your response Uriahs.

Product list font size increased greatly after woocommerce update. I can see it good in my computer but I can see it very bad in my cellphone.
When looking at my gallery of products, (or cart and checkout page’s) on a mobile phone like Iphone 6 the page’s are scaled improperly in vertical mode.

Let me show an example:
https://www.mirabox.com.ar/wp-content/uploads/2017/05/Gallery_problem.jpg

From the computer is working fine:
https://www.mirabox.com.ar/categoria-producto/galeria_de_regalos/

I found these possible solutions to fix the problem but like I said, doesn’t work for me.

Option 1:

ul.products li.product h2 {
font-size: 14px;
}

Option 2:

h2.woocommerce-loop-category__title {
font-size: 18px !important;
}

I tried to put in Appearance->Customize->Additional CSS but didn’t work. Could be possible that other *.css style belong to a plugin is blocking the Zerif Lite style.css? Because when you clik in the USA flag below in my site, the size go to small…crazy.

I appreciate some help.

It’s done!! This work for me:

ul.products li.product h2 {
font-size: 12px !important;
}

I just had to add “!important”

Thanks a lot Uriahs!!!
Do you know what is the code for “Related Product” title?

On the other hand. I am wondering if I can fix the Cart and checkout. When looking at my gallery of products, on a mobile phone like Iphone 6 the page’s are scaled improperly in vertical mode.

Anybody know the css code to fit the screen?

Cheers!