[Support request] Bootstrap code is changing the font style of my website

Home Forums Support [Support request] Bootstrap code is changing the font style of my website

Home Forums Support Bootstrap code is changing the font style of my website

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2320026
    SAGAR

    I have developed a tool that requires a bootstrap code to run properly. But when I use these bootstrap codes
    <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”&gt;

    <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script&gt;

    they are changing the font style of my site and making the fonts smaller

    Check this site – https://www.mrtechsonu.com/twitter-trending/

    #2320065
    David
    Staff
    Customer Support

    Hi there,

    thats what happens if you load the bootstrap library its going to load a lot of styles ( in your case 7000 + Lines of CSS ) that will either not be required or create conflicts.

    You should extract and load just the CSS styles you need for the tool you developed instead.

    #2320248
    SAGAR

    Is there any other option?
    Like plugin or any other way?

    #2320254
    David
    Staff
    Customer Support

    What is it that requires Bootstrap ?

    #2320258
    SAGAR

    A popup needs bootstrap. You can go to the link I have provided, when tap on the Twitter hashtags a popup appears
    That needs bootstrap to work

    i can provide you the source code of that tool

    #2320369
    Ying
    Staff
    Customer Support

    Hi there,

    The pop out seems involve quite a lot CSS from bootstrap.

    I don’t think there’s an easy way out.

    You might need to add more CSS to increase the font size to override the CSS added by bootstrap.

    #2320702
    SAGAR

    Is there any easy way to solve this?

    #2320716
    Fernando
    Customer Support

    Hi Sagar,

    You can try adding/enqueueing just the CSS and JS for the pop out instead of the entire Bootstrap library. Then work through there.

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