[Support request] Font Awesome and Bootstrap problems

Home Forums Support [Support request] Font Awesome and Bootstrap problems

Home Forums Support Font Awesome and Bootstrap problems

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #559969
    Atef

    Hi,
    I am building my new website using WP Toolset Plugin suite. I chose GeneratePress because it is the most recommended theme to be used by the plugin developers.

    WP Toolset needs Bootstrap.

    However, I have 2 problems:

    1- I want to use some Font awesome icons. But the icons show as an empty rectangle.
    I read some GeneratePress support posts which indicated that I need to untick the the option to “load only the essential icons only” from the Customizer/General.

    The only way I get the icons to show is to load the font using its CDN link.
    But what I understand is that I don’t need to load the font and it is already loaded in the theme.

    Please note that the icons I am trying to use are not new icons introduced in Font awesome 5. they are very basic icons that were present in v4 of the font.

    —–

    2- My heading h1 is huge, even on desktop. I made it smaller from 40px to 30px using the customizer. However, nothing changed!
    When I inspected the heading using the browser console, I found out that the 30px is crossed out, and the font is at size 2em and this comes from Bootstrap!!!

    Now, I don’t know that bootstrap controls the heading sizes!

    So is there a way to integrate Bootstrap in a way that overcome this problem?

    You can see the problems here:
    https://wp.me/p9K2NV-Y

    and also here is a screenshot to demonstrate:
    https://prnt.sc/j9xvgi

    GeneratePress 2.0.2
    GP Premium 1.6.2
    #560229
    Tom
    Lead Developer
    Lead Developer

    1. In GP 2.1 (hopefully released today), we’re actually deprecating the built in Font Awesome. I suggest setting the “Load essential icons” option, and then use a plugin like this: https://en-ca.wordpress.org/plugins/better-font-awesome/

    2. Is loading the entire bootstrap.css file completely necessary? You will run into quite a few conflicts, as Bootstrap itself tries to style the page.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.