Archived topic
off canvas panel typography settings not working
5 replies · Started by Ben on December 21, 2021
Hello,
The off canvas panel typography settings (font weight and text transform) are not working on this site: https://staging.drjacquelinehayes.com/
I was able to change the colour settings in the customizer. When I try to change the typography settings I see no change in the frontend and in the dev tools I see the following:
Font weight and text-transform declarations are printed twice with the 'text-transform: uppercase' and 'font-weigh: 700' settings overwriting the desired settings ('text-transform: none' and 'font-weight: normal')
There was no change when disabling all plugins except for GP premium, or from disabling the child theme.
How can change the off canvas typography settings?
Hi Ben,
You are still using the old typography options, would you consider switching to the new typography system?
The new system would be easier to use, for more info: https://docs.generatepress.com/article/switching-to-dynamic-typography/
And I noticed that when I change the setting in customizer, its preview shows the correct result, but not the case in frontend. You might have server level cache enabled, can you check with your host to clear the server cache?
Let me know :)
Hi Ying,
Yes, server side cache was enabled for logged in users. I've disabled the server side cache plugin now.
I changed to the dynamic typography system. I can now style the typography of the off canvas panel.
One problem I've discovered is how my child theme style.css rem units are interpreted by the browser. I did have the following css in my child theme:
/* Set html font size as a reference for rem units used below */
1 /* Mobile */
2 @media (max-width: 768px) {
3 html, body {
4 font-size: 18px
5 }
6 }
7
8 /* Tablet */
9 @media (min-width: 769px) and (max-width: 1024px) {
10 html, body {
11 font-size: 18px
12 }
13 }
14 /* Desktop */
15 @media (min-width: 1025px) {
16 html, body {
17 font-size: 19px
18 }
19 } Previously, the blockquote font-size of 1.2rem was computed as 22.8px on desktop (19px X 0.2 = 3.8, 19 + 3.8 = 22.8). Now using GP dynamic typography to define dynamic base font sizes the blockquote font size is computed as 19.2px.
Do you know why this is happening?
thanks for your support
Sounds like the original topic has been resolved?
If so can you open a new topic for the separate question?
Thanks :)
Ok thanks Leo. I've created a new topic here: https://generatepress.com/forums/topic/unexpected-rendering-of-font-size-using-rem-and-dynamic-typography
Thank you!
