Customizer > Typography – where are the tablet screen size settings?

[seashore]

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!

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[seashore]

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?

[Leo]

Is this what you are looking for?
https://www.screencast.com/t/mhg4QLcW

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[seashore]

where is that? I’m talking about theme customizer here: https://www.loom.com/share/6885a6704ab7450e92d51cdfaabd2845

[Leo]

The screenshot is taken from the theme customizer under Typography > Headings.

Your link isn’t working for me.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[seashore]

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.

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[seashore]

I didn’t know that – okay thank you have a great day!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts