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!
