Extra class won't change text properties

[tonidomi]

Hi,

first of all, thanks for the great theme and support.

I’m sure this one is easy to solve: I’m trying to change some full width texts properties through extra classes.

I’m using a child theme and adding simple classes with instructions such as:

.midBlack{
font-family: "Sofia",sans-serif !important;
font-size: 24px !important; 
color: #000000 !important;
}

If I apply the extra class to a full width text with a <p> formatted content, the font and color change correctly, but I can’t get the font-size to work. When I use the same code on an <h1> text, nothing works.

Can you guys have a look and tell me what I’m doing wrong?
http://www.delimbic.cat/serveis

You’ll see the two 1/3 texts that I’m trying to change at the bottom of the page. One is a h1 and the other is a p text, both with the .midBlack class applied to it.

thanks!

[Kyle – SUPPORT]

You need to be more specific with the class selector, it will need to be:

.midBlack p, .midBlack h1 {
font-family: "Sofia",sans-serif !important;
font-size: 24px !important; 
color: #000000 !important;
}

– Kyle

[tonidomi]

Thanks Kyle, it worked like a charm 😉

[Kyle – SUPPORT]

Ok great! 🙂

– Kyle