Font size customizer not responding

  • Hi everyone!

    I’ve been trying to edit the global font size for my H2 tag, but nothing I try is working. I’m using the Eye Catching Blog theme (child of Bizberg), which has a built-in customizer for the different heading tags on desktop/tablet/mobile, however the changes are not taking effect at all for H2. I tried enabling Elementor to override my theme defaults, however changes I make there do not take effect either. I can edit other heading tags, but not H2.

    Does anyone have an idea why this might be, and/or how I can troubleshoot it? The default looks acceptable for desktop, but is way too huge on mobile so I need to figure something out…

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

  • Hi, emmelinegb, if it is possible, try looking in your phpMyAdmin or use an equivalent WordPress database plugin to search through your database and look for the option value that would contain the customizations you made from the customizer.

    They should be contained in an option called theme_mods_eye-catching-blog in your database options table.

    I have attached an image of what I’m talking about below (with the setting of the H2 heading highlighted below in my test site):

    Maybe the database option value is not being created/modified, although I’m not sure.

    Thread Starter emmelinegb

    (@emmelinegb)

    Thanks for the suggestion, Ian! I looked in the database where you said, and I do see that the H2 values are the same as what I entered with the customizer – so that seems to be updating fine.

    After posting my original message, I also tried editing it with additional css. I was able to adjust the size for desktop this way, but not for mobile. Not sure if this is because of some underlying problem with mobile view, or if there’s just an error in my css code. I did my best, but I’m not really a coder. This is what I was using:

    body h2{
    font-size: 1.8em!important;
    text-transform: uppercase!important;
    }

    @media only screen and (max-width: 768px) {
    body h2{
    font-size: 1.2em!important;
    text-transform: uppercase!important;
    }

    Hey, emmelinegb, in your second CSS code block, did you enclose the media with another curly brace?

    So like,

    @media only screen and (max-width: 768px) {
body h2{
font-size: 1.2em!important;
text-transform: uppercase!important;
}
}
    Thread Starter emmelinegb

    (@emmelinegb)

    hmmm ok, I tried adding that, but nothing happened.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Font size customizer not responding’ is closed to new replies.