Bootstrap is overriding Font Manager

Support
#1

I’m having a problem with Bootstrap css overriding my heading and body fonts with font-family: inherit;
It ends up showing Helvetica instead of the assigned “Muli” Google font.
Help please :slight_smile:

http://getmyhomeinspectionreport.com/properties/yes/

#2

Hello There,

Thanks for writing in!

Please be informed that this is the order of the css styles being loaded in a normal X/Pro child theme.

  • X/Pro themes stack style.css file
  • X/Pro Child theme’s style.css
  • WordPress Customizer’s Additional Custom CSS
  • X/Pro Theme Option Settings
  • X/Pro Theme Option’s Custom CSS

So if you load your bootstrap css after the theme options, of course, bootstrap css will override the entire css styles. I would recommend that you load your bootstrap css right after the X/Pro child theme’s style.css files.

To make sure that you have added the bootstrap css in the proper way, please check out this article:

Hope this helps.

#3

I thought Bootstrap css was there by default - I didn’t realize a developer added it in.
Thanks for explaining!

#4

Glad we could help,

Cheers!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.