CSS not overriding default font-family

About this forum
These forums have not been active for several years. They're available for search and reference, but a lot of this information is likely out of date.

For current information, try visiting our Knowledge Base.

Home / Support / Beaver Builder Theme / CSS not overriding default font-family

This topic is: resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #113927


    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.




    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.



    Thanks Danny! That does the trick.



    Hi Mike,

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


Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Beaver Builder Theme’ is closed to new topics and replies.