Resize post titles/headers

Resolved ddjacobson
(@ddjacobson)

11 years, 4 months ago

Hi Ben,

I’m new to all of this but I really like your theme and am doing my best to learn how to use it. Thanks for creating it and thanks for supporting it!

I have a question – probably something simple but I can’t figure it out. I want to make the titles to my posts smaller (and maybe not all caps but for sure smaller in size). Here’s an example of what I mean: http://daxjacobson.com/edtechinstitutions/2014/12/15/organizational-design-questions-for-educational-institutions/

The title seems a bit overwhelming. How do I change the size of the title?

Viewing 8 replies - 1 through 8 (of 8 total)

Bojan Radonic – WPMU DEV Support
(@wpmudev-support4)

11 years, 4 months ago
Hey there ddjacobson,

Hope you’re well today!

This can be done with some custom CSS. Try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

http://wordpress.org/plugins/simple-custom-css
```
.entry-header h1 {
font-size: 4.25em;
text-transform: none;
}
```
Note that this is the original font size value and to reduce it you’ll have to reduce the numeric value to what ever suits you the most. I’ve also added text transform none if you want to remove your title being in all caps.

Hope this helps 🙂

Best regards,
Bojan
Theme Author Ben Sibley
(@bensibley)

11 years, 4 months ago

@bojan thanks for helping out 🙂

@ddjacobson The code Bojan supplied will work great, and there is a Custom CSS section that can be used in the Customizer (Appearance > Customizer).

Thread Starter ddjacobson
(@ddjacobson)

11 years, 4 months ago

Thank you both! That did the trick.

Theme Author Ben Sibley
(@bensibley)

11 years, 4 months ago

Awesome, happy to help 🙂

reynalay
(@reynalay)

10 years, 11 months ago

Thank you this helped me too!
Ben, is there a code to make the title not be all caps also? Thanks in advance.
Theme Author Ben Sibley
(@bensibley)

10 years, 11 months ago
Yea that can be done with the following CSS:
```
.site-title {
  text-transform: none;
  letter-spacing: 0;
}
```
That too can be added to the Custom CSS section after the previous code.
reynalay
(@reynalay)

10 years, 10 months ago

Thank you so much!

Theme Author Ben Sibley
(@bensibley)

10 years, 10 months ago

You’re welcome 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Resize post titles/headers’ is closed to new replies.