Hi All,
I'm using woocommerce on my wordpress site and i'm trying to change the category size font from 2em to 1em, when I inspect element using chrome all the css is crossed out apart from (index):134
which has this code in it
.woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 2em;
vertical-align: middle;
text-align: center;
}
I've tried adding this code to practically every css sheet I can find and it still doesn't listen to me
.woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
vertical-align: middle;
text-align: center;
}
Can anyone help as to where I should be looking from this style to take precedence
Hi chrisjako, It's probably
Hi chrisjako,
It's probably specificity.
When you inspect element see what style is getting applied and make your selectors more specific then that.
hi chrisjako you have to
hi chrisjako
you have to write this code !important
on each rows in your custom css file