Website Theme Customizer

  1. Home
  2. Support
  3. Website Theme Customizer
  4. Typography – Set the Font Styling for Text Shown on the Website
  5. Customizing the Website Blog Post Title Text Typography

Customizing the Website Blog Post Title Text Typography

One of the most popular Typography configurations is of the Blog Post Title. Most small businesses and individual bloggers give it the most importance. In comparison to the blog entry title typography settings, which controls your blog page entries appearance, this one controls the title of your single blog post.

As they say, the first impression is the last impression. That holds absolutely true with the title. Good typography for the blog post title can grab the attention of the reader to entice him to read more.

Following are a few configurations to enhance your Blog Post Title. Navigate to your website admin, browse to Appearance > Customize > Typography> Blog Post Title.

Setting the Fonts for Blog Post Title

You get a couple of dozen font options including the standard and all the Google fonts providing you a variety of options to choose from.

Just click over the drop-down menu underneath the “Font Family” in Blog Post Title panel and choose from the variety of fonts available for you.

You can also preview the fonts for how the blog post title blends with your website. So you can choose the font that looks best and reflects your brand aura.

Set the Font Weights for Blog Post Title

The font weight property is what will make the blog post title to look bolder or thinner. Font weight is an HTML property that accepts numbers, usually from 100 to 900 with an increment of 100 in between each, 100 being thinnest and 900 being the boldest.

Following are the available font-weight options you get:

Thin: 100

Light: 200

Book: 300

Normal: 400

Medium: 500

Semibold: 600

Bold: 700

Extrabold: 800

Black: 900

Please note that not all fonts support all the font weights. Most fonts support a few font weights though. So don’t worry if the live preview doesn’t change for some of the font weights.

Set the Font Style for Blog Post Title

You can make your Blog Post Title italic or choose to follow the standard style.

Just click over the drop-down right beneath the “Font Style” label in Blog Post Title panel and choose your desired setting.

To Set the Text Transform Property for Blog Post Title 

Text-transform is an HTML property that lets you transform your text in the following way

  • Capitalize
    • It capitalizes the first letter of each word.
  • Lowercase
    • It converts all the letters to lowercase
  • Uppercase
    • It converts all the letters to uppercase
  • None
    • It doesn’t do anything, keeps your text as it is just the way you have written it.

You can choose any of these four options by clicking over the drop-down underneath “Text Transform” in Blog Post Title panel.

Change the Font Size for Blog Post Title

You can easily use the provided slider under the “Font Size (px)” label in Blog Post Title panel to increase or decrease the text size. You will also be able to live preview to make your best judgment for what best suits your design and purpose.

You can choose to keep different font sizes for the desktop, tablet, and mobile. Simply click over the small gray color icon next to the label; it will expand it into three icons. First one is for the desktop font size, second for the tablet font size, and third for the mobile font size.

Change the Line Height for Blog Post Title

The line height for the blog post title is vertical space (y-axis) between two lines of the post title. You can either choose to increase or decrease the space to suit your design and needs.

The line height can easily be changed under the “Line Height” label in Blog Post Title panel by using the given slider to make the changes.

You get the same three icons, as discussed above (under Font Size) for setting different line height for desktop, tablets, and mobile.

Change the Letter Spacing for Blog Post Title

As the name reflects, letter spacing lets you increase or decrease the space in between font letters for the blog post title.

Simply use the slider under the “Letter Spacing (px)” label in Blog Post Title to make changes to the letter spacing.

Change the Text Color for Blog Post Title

In the colors race, blog post title demands your most attention. As a post title will always have a prominent position. And so it’s quite important to blend it well and yet make it stand out too.

You can change the blog post title color just by clicking over “Select Color” button under the “Text Color” label in Blog Post Title panel.

Something missing? Contact us
Was this article helpful to you? Yes No

How can we help?