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

Home Forums Support [Resolved] Customizer > Typography – where are the tablet screen size settings?

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1460673
    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!

    #1460896
    David
    Staff
    Customer Support

    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.

    #1467531
    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?

    #1467539
    Leo
    Staff
    Customer Support

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

    #1467583
    seashore

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

    #1467594
    Leo
    Staff
    Customer Support

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

    Your link isn’t working for me.

    #1467599
    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.

    #1467640
    Leo
    Staff
    Customer Support

    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.

    #1467713
    seashore

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

    #1467733
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.