[Dr. Sibylle]

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!

[Sakin]

@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; }

[Dr. Sibylle]

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?

[Sakin]

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

[Brian]

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

[Sakin]

@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; }
}

[Brian]

Thanks!

[Author]

Posts