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 Page Title Subheading Text Typography

Customizing the Website Page Title Subheading Text Typography

Subheadings add beauty and meaning to the design. These are the little details that will eventually differentiate you from the crowd. Your willingness to configure the minute aspects, such as the Page Title Subheadings will shape your route to success.

Following are the few settings you get to configure the Subheadings. Navigate to your website admin, browse to Appearance > Customize > Typography> Page Title Subheading.

Set the Fonts for Your Page Title Subheadings

You can choose the font of your choice from the dozen of fonts including standard fonts, as well as all the Google fonts at a click of a button.

Just click over the drop-down menu underneath the “Font Family” in Page Title Subheading panel and choose from the variety of fonts available for you. What’s best is you can click over each one and live preview it to see how it blends with your website.

Setting the Font Weights for the Page Title Subheadings

The font weight property is what will make a subheading font 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.

You don’t have to worry about any code. We have visually provided the following options that let you quickly set the font weight.

Thin: 100

Light: 200

Book: 300

Normal: 400

Medium: 500

Semibold: 600

Bold: 700

Extrabold: 800

Black: 900

It’s important to note that the font needs to support the font weight to be able to use it; otherwise, you might see no change. Most fonts support at least a couple font weights.

Setting the Font Style for the Page Title Subheadings

You can choose to either follow a normal style or make your font italic. To do so, just click over the drop-down right beneath the “Font Style” label in Page Title Subheadings panel and choose your desired setting.

Setting the Text Transform Property for the Page Title Subheadings

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 Page Title Subheading panel.

Changing the Font Size in Pixels for the Page Title Subheadings

You can easily use the provided slider under the “Font Size (px)” label in Page Title Subheading 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.

Changing the Line Height for the Page Title Subheadings

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

You can use the slider under the “Line Height” label in Page Title Subheading panel to make the changes. You get the same three icons for setting different line height for desktop, tablets, and mobile.

Changing the Letter Spacing of the Page Title Subheadings

With letter spacing feature, you can increase or decrease the space in between font letters for the subheading.

You can easily use the slider under the “Letter Spacing (px)” label in Page Title Subheading to make changes to the letter spacing.

Changing the Text Color for the Page Title Subheadings Font

You can change the paragraph text color site-wide just by clicking over “Select Color” button under the “Text Color” label in Page Title Subheading panel.

You can choose the text color of your choice and even live preview the colors to see whatever best suits your design and motives.

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

How can we help?