Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

[Support request] different font sizes for different screens

Home Forums Support different font sizes for different screens

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #831545
    anabella

    Hello! I want to set different font sizes for different screens, and I was able to do it for headings (through appearance > customize > typography), but I couldn´t find this option for paragraphs. Basically I want the font size for paragraphs to be 18px for desktop, 17px for tablets and 16px for mobile.
    Thanks in advance

    #831562
    David
    Staff
    Customer Support

    Hi there,

    some CSS like this:

    @media (max-width: 767px) {
        /* CSS in here for mobile only */
        body {
            font-size: 16px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1024px) {
        /* CSS in here for tablet only */
        body {
            font-size: 17px;
        }
    }
    #831575
    anabella

    Thanks David, it´s working great for mobiles, but for tablets I´m still getting 16px instead of 17px

    #831582
    David
    Staff
    Customer Support

    I tweaked the code above down 1px on both 🙂

    #831603
    anabella

    Thanks a lot David!! 🙂 All good now

    #831608
    David
    Staff
    Customer Support

    Awesome – glad to be of help

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