2 replies [Last post]
chrisjako
chrisjako's picture
Offline
newbie
United Kingdom
Last seen: 1 year 10 weeks ago
United Kingdom
Timezone: GMT+1
Joined: 2016-06-08
Posts: 1
Points: 2

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

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 3 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5339
Points: 2960

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.

ramcom
ramcom's picture
Offline
Regular
Belgium
Last seen: 46 weeks 2 days ago
Belgium
Timezone: GMT+2
Joined: 2016-09-28
Posts: 13
Points: 16

hi chrisjako you have to

hi chrisjako

you have to write this code !important on each rows in your custom css file