Headline Font Size and Style

Hello!

By “headline” are you referring to your post’s title? If so, you can change their size using some custom CSS.

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can activate its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

.posts .entry-title {
    font-size: 2rem;
}

Increase/decrease the value of font-size to your liking. Please note that increments/decrements of 0.1 are enough to have an impact e.g. 2.1rem, 2.2rem, etc.

To change the actual font: I recommend browsing the plugin repository for a plugin that will enable you to choose a different style:

https://www.ads-software.com/plugins/search.php?q=font+change

Hope that helps out!

Perfect, thanks!

Is there a way to make the preview body font smaller too? The font under the title is now similar size to the preview text and I would like to shrink that a bit to keep the ratio.

Hi @surf4444,

Absolutely! You could change the text size of the text in the excerpt with the following:

.posts .entry-inner-content {
    font-size: 1.55rem;
}

awesome, thanks!

You’re most welcome!

Hi there. I’m not sure if this is the right forum, but I want to change the size of my site title without changing the post title size. How do I do that? my site is thesacredscrolls.org
Thanks!

Hi @jamiedaniellec,

You can change the size of your site’s title by adding the following custom CSS to the CSS panel of the WordPress.com Customizer:

.wf-active .site-title, .site-title {
    font-size: 2.2em;
}

You can increase/decrease the value of font-size to your liking. Please note that increments/decrements of 0.1 are enough to have an impact e.g. 2.3em, 2.4em, etc.

As an extra note: I noticed that your site is hosted over at WordPress.com while this forum is intended for folk who are hosted elsewhere and running on the free software available here at www.ads-software.com.

The difference between the two types of WordPress (WordPress.com and www.ads-software.com) is an understandable and common point of confusion. If you’re unsure of the differences, then this guide gives a good overview.

As you’re on a paid plan over at WordPress.com, the contact form is the best place for you to access private support. If you have any extra questions then please contact support here:

https://wordpress.com/help/contact

We also have a dedicated forum where staff and volunteers assist with CSS questions:

https://en.forums.wordpress.com/forum/css-customization

If you do post to the CSS support forum, please make sure to start a completely new thread rather than posting to an existing thread.

It’s easier for us to keep track of different questions if they’re kept to separate threads and also prevents the original poster from receiving unnecessary email notifications.

Thanks!