- This topic has 6 replies, 3 voices, and was last updated 8 years, 1 month ago by
Brian.
-
AuthorPosts
-
June 3, 2015 at 5:21 pm #58840
Dr. Sibylle
ParticipantHallo 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 #58857Sakin
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 #58864Dr. Sibylle
ParticipantThanks 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 #58865Sakin
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 #62240Brian
ParticipantHi 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,
BriAugust 10, 2015 at 8:49 pm #62682Sakin
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 #63726Brian
ParticipantThanks!
-
AuthorPosts
- The topic ‘How to change the font size of the headers’ is closed to new replies.