Archived topic
Customizer > Typography - where are the tablet screen size settings?
9 replies · Started by seashore on September 27, 2020
URL: https://shelley.wordkeeper.net/
SCREENCAST: https://www.loom.com/share/654d64ae76074a08bd7b790e45b65416
QUESTION ONE: When I click on the tablet icon at the very bottom of the customizer panel to view my page on tablet, the heading tags do not display a tablet icon showing me that I can set different font size values for each of the heading tags for tablet screen sizes. How can I assign my font styles for tablet screen sizes?
QUESTION TWO: What is the difference between "Heading 1 (H1)" and "Single Content Title (H1)"?
QUESTION THREE: What are the breakpoints GP uses?
Thanks!
Hi there,
currently there are no Tablet typography settings in the customizer - this is under review for a future update.
We can help with some CSS for that - you can see the @media queries that match the theme settings here:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints
Let us know if you need help with that.
H1 Heading sets the global style.
The Single Content Title (H1) allows you to override this and set a different style for the Heading used in the Single Post.
Likewise you will see a Heading H2 ( for global styles ) and Archive Content Title (H2) for the post archives heading.
Is the same true for the mobile settings in customizer? In other words, do I have to use media queries for mobile screen sizes or can I make those adjustments in theme customizer?
Is this what you are looking for?
https://www.screencast.com/t/mhg4QLcW
where is that? I'm talking about theme customizer here: https://www.loom.com/share/6885a6704ab7450e92d51cdfaabd2845
The screenshot is taken from the theme customizer under Typography > Headings.
Your link isn't working for me.
oh, ok thank you. I'm trying asking about the p tag. In other words I'm trying to set the body/paragraph tag to 18px on desktop screens, 17px on tablet screens, and 16px on mobile screens. Thanks.
No the <p> only has one setting - it's quite uncommon to set a different size for <p> as far as I've seen :)
Happy to help with the CSS if you need.
I didn't know that - okay thank you have a great day!
No problem :)
