CSS not overriding default font-family

#1

I have a site that I’m experimenting with BB on. Mostly, I love it, you guys have an awesome product on your hands. Thanks!

I am trying to style a Class selector named “charles”. The color, alignment, and font size all work fine with the following code in the CSS portion of the Customizer:

.charles {
color: #c2b560;
font-family: “Times New Roman”, Times, serif;
text-align: center;
font-size: 22px;
}

However, the font-family does not change, it remains the default “Source Sans Pro” set in the paragraph setting. Interestingly, if I change the to an H tag the text takes all of the H tags attributes and ignores the CSS altogether, when I go back to the P tag I get everything but the font to change to the CSS if have indicated above.

I’ve tried the same code in Appearance > Editor > Stylesheet also to no avail. I have cleared the cache.

I’m no code wizard, so I’m sure that I just keep doing the same thing wrong over and over. I’m hoping you can illustrate what I’m doing wrong.

http://galactus.skc.edu/MLOZAR/

#2

Hi Mike,

Is it this resolved, as I am seeing the “Black Ops” font being loaded for the Text module with the text “Charles Class”?

Also, you need to be aware that when you add either an Id or a class to a module, that id/class gets inserted to the parent div.

Therefore, you may need to use your custom id or class like so.

.charles p { ... }
.charles h1 { ... }
.charles a { ... }
.charles .fl-rich-text { ... }

Hope this helps.
Danny

#3

Thanks Danny! That does the trick.

#4

Hi Mike,

No problem and happy to hear your issue has been resolved.

Thanks,
Danny

closed #5