All Collections
Website Builder
Design
Website Builder: How to Change Text Style
Website Builder: How to Change Text Style

With Hostinger Website Builder, you can set different font sizes for each font type for mobile and desktop modes

Tadas Vasiliauskas avatar
Written by Tadas Vasiliauskas
Updated over a week ago

There are two ways to change the text style on your website:

  • Globally affects all texts of a particular style (e.g., all texts written in Heading 1)

  • Locally affects a particular text element

Change Text Style Globally

You can customize the text style of all text elements written in that particular style at once (e.g., all texts written in Heading 1).

If you make changes on the desktop mode, they will be applied to all text elements of a particular style in the desktop version. If you make changes on the mobile mode, they will be applied to all text elements of a particular style in the mobile version.

1. Within the editor, expand the Styles panel on the left, and open the Text tab. Choose the preferred pair of fonts from the suggested ones, or customize them by clicking on the Edit text styles button:

The global text style settings in Hostinger Website Builder

2. Choose Headings or Paragraphs and navigation depending on what you'd like to change:

The global text style settings in Hostinger Website Builder

Note that you can set two font families in the global text style settings:

  • One for headings

  • One for paragraphs and navigation links

You can use more fonts by editing the text style locally.

3. Customize the text style (weight, size, line height, underline, capitalization):

The global text style settings in Hostinger Website Builder

The changes will be applied to all texts of a particular style (e.g., all texts in Heading 1) across the whole website.


Change Text Style Locally

To change the style of a particular text element, click on it, select Edit text, and make the preferred changes. If you want to change the style of just some word/phrase within that text, select (highlight) it first:

The local text style settings in a text element

You may also use custom fonts locally 💡

Did this answer your question?