Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 3, 2015 at 5:21 pm #58840
    Dr. Sibylle
    Participant

    Hallo Sakin,

    I would like to change the font size of the headers. F.i. I would like to reduce the font size of h2. Maybe I’m overlooking things in the menu, but I suppose that the font size could be adjusted by inserting a line of code in the “Custom CSS Options”.

    If my assumption is corect, could you please supply us with such a line. F.i. h2 with a reduced size to 11 . And if my assumption is wrong, can you please inform about the right way of adjusting the font size?

    Thank you!

    June 3, 2015 at 11:27 pm #58857
    Sakin
    Keymaster

    @Bert: Do you want to change the font size of headline tags or Header Site Title and Tagline.

    If you want to change for H2 tag, then you can change the size in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS” box:
    h2 { font-size: 28px; }

    But if you are looking to change Site Title font size then it will be as :
    .site-title { font-size: 38px; }

    Site Tagline will be as:
    .site-description { font-size: 14px; }

    Page title will be as:
    .entry-title { font-size: 30px; }

    June 4, 2015 at 12:31 am #58864
    Dr. Sibylle
    Participant

    Thanks very much for the extensive answer. I want to change h2, but your answer covers everyting!

    Is there a place onyour site were I can leave my six star 😉 rating?

    June 4, 2015 at 12:46 am #58865
    Sakin
    Keymaster

    @Bert: Yes, thanks you can review at https://wordpress.org/support/view/theme-reviews/catch-responsive?rate=5#postform

    August 6, 2015 at 7:30 am #62240
    Brian
    Participant

    Hi Sakin. Is there a way to change the font size of the site-title and site-description for just the laptop site, but leave it as is for the tablet and mobile sites? I’d like the title and tagline to be a little bigger on the laptop screen, but I like it just the way it defaults on my iPad and phone. I tried that above CSS, but it changed it on all 3 devices.

    Thanks,
    Bri

    August 10, 2015 at 8:49 pm #62682
    Sakin
    Keymaster

    @Brian: You can change the font size in following css as per your need and add it in “Appearance => Theme Options => Custom CSS Options” box:

    @media screen and (max-width: 1024px) {
    .site-title { font-size: 38px; }
    .site-description { font-size: 14px; }
}
    August 14, 2015 at 2:46 am #63726
    Brian
    Participant

    Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change the font size of the headers’ is closed to new replies.