Archived topic
Typography Settings Not Staying Enabled
12 replies · Started by Ben on March 31, 2021
I've been attempting to change the H3 size to 18px via Customize>Typography
The change works/updates as normally, cleared all caches, still have the issue (H3 too large/indistinguishable from H2).
Go back into Typography > Set to mobile view: the 18px setting is still 'stored' in the sidebar, but in the preview it looks like it's still around 25px. When I click the 'up' arrow to adjust px size to 19, all the H3s resize. Okay..
Hit publish. Clear both cloudflare & WProcket caches - same thing.
Not running anything in the way of plugins that control these besides GenerateBlocks (they are 'heading' blocks from GB though)
Whats wrong?
Hi there,
I'm not exactly sure I fully understand what the issue is.
I've checked the site and h3 fonts seem to have 18px when I inspected so is the issue being mentioned solely on customizer preview? Let us know.
To clarify: The font change works on the live site but not in customizer preview?
Can provide us temporary backend access? So we could check as well.
You can provide the credentials on the private information text field.
Let us know.
Hi Elvin,
Did you inspect it in mobile view? That's where the change occurs. In the inspector, I can see the standard 18px H3 gets swapped and this code activates:
@media (max-width: 768px)
h3 {
font-size: 24px;
}The issue is both in customizer preview and live.
Hi there,
go to Customizer > Typography > Headings ... beside the font size you will see the Mobile icon. Select that ( which will change to mobile view ) and update the font size for mobile.
Hey David,
That's where I've been making the changes (and discovered the issue in the first place). Let me grab/host a video of what's happening.
Please see Loom video attached here, I think it will make things clearer.
What version of GP and GPP are you running ?
As there should be a Mobile icon beside the H3 controls which i am not seeing in your video.
GP Theme : 3.0.3
GP Prem: 1.12.3
I do have the mobile icon in the Typography controls, I toggled it in the video.
Feel free to login I provided the credentials in a previous message
Can you make sure you have the Typography Module enabled in Dashboard > Appearance > GeneratePress
Then you should see an icon where the arrow points to:
Oh, interesting. I was toggling it on the H2 and never realized there wasn't the same toggle on H3. I guess if it wasn't a functional option I wouldn't expect to see it there!
You were correct, I didn't have typography toggled on. I've been trying to limit the amount of options I enable so I don't overwhelm myself and get stuck working on little tweaks like this. Thanks so much for the help David!
One random question/followup: does the code for the GPP options fire regardless if it's enabled or not? Or does it help code bloat (I realize GPP is very lightweight anyway) if I keep things I don't need disabled?
Module specific code is only loaded if the Module is enabled.
With the Typography module it only generates extra CSS in the cases where the defaults are changed.
Glad to be of help.
Understood, thank you sir!
You're welcome
