Boldgrid Cobalt Theme won’t change h1 headers on mobile

  • Resolved shyheim103

    (@shyheim103)


    6 years, 10 months ago

    I’ve wasted 2 days on customizing the CSS trying to get this to work. If I tell the CSS to not word wrap, it works fine, but none of the other parameters work at all for some reason. It appears that there is some other CSS somewhere overriding it.

    I want the font to be scalable, the images, everything else is. Just not the h1, h2, h3, etc. headers.

    I’ve done several variations of code like this in the css: @media only screen and (max-width: 480px) { .template-page .entry-content-wrapper h1 { font-size: 24px; }}

    Doesn’t work. I’d prefer not to download a plugin as I don’t want it to bog down the site as it’s already slow. How can i fix this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support harryjackson1221

    (@harryjackson1221)

    Hi shyheim103,

    Thank you for contacting us.

    I am sorry to hear you are unable to customize the font. I understand how frustrating it can be when something does not work as expected. In order to override the CSS styles for the fonts, you would want to use the !important tag, as the fonts are inline styles that output at the end of the header.

    In this specific case, the CSS that controls the font styling is located on line 76 of your source, you can find it showing the following id=’kirki-styles-global-inline-css’. Modifying those rules with the important tags in the Custom CSS Editor will provide you the results you are looking for.

    Please let us know if you require any further assistance, we are glad to help out!

    Thank you,
    Harry J.

Viewing 1 replies (of 1 total)
  • The topic ‘Boldgrid Cobalt Theme won’t change h1 headers on mobile’ is closed to new replies.