All Collections
Website Builder
Online Store
Website Builder: How to Customize Text Style in the Online Store
Website Builder: How to Customize Text Style in the Online Store

Learn about changing text font in your store pages using Hostinger Website Builder

Updated over a week ago

If you run an online store created with Hostinger Website Builder, you can easily change the font family used in the online store in the global style settings. There, you can set two font families: one for headings and one for paragraphs. Remember that these changes will apply to the whole website, not only the online store.

Similarly, you can change the font size in the following areas of the online store 👇

Product List Section

Learn how to add product list sections 💡

  • Ribbon text: Paragraph 3

  • Product title: Heading 6

  • Price: Paragraph 2

Text style in a products list section

NOTES

  • Changes made in the global text style settings affect all text elements across your website

    • For example, if you change the style of Heading 6 (seeking to customize the style of product titles), remember that all other text elements written in H6 will also be affected

  • After making the changes, make sure to update your website

Single-Product Section

Learn how to add single-product sections 💡

  • Product title: Heading 3

  • Product subtitle: Heading 5

  • Price: Paragraph 1

  • Product options: Paragraph 2

  • Product description: Paragraph 2

NOTES

  • Changes made in the global text style settings affect all text elements across your website

    • For example, if you change the style of Heading 3 (seeking to customize the style of product titles), remember that all other text elements written in H3 will also be affected

  • The button style can be changed in the product section settings

  • After making the changes, make sure to update your website

Product Page

Learn how to find product pages 💡

  • Product title: Heading 1

  • Product subtitle: Heading 5

  • Price: Paragraph 1

  • Product options: Paragraph 2

  • Product description: Paragraph 2

Text style in a single product section and on a product page

NOTES

  • Changes made in the global text style settings affect all text elements across your website

    • For example, if you change the style of Heading 1 (seeking to customize the style of product titles), remember that all other text elements written in H1 will also be affected

  • The button style can be changed in the product section settings

  • After making the changes, make sure to update your website

Shopping Bag

Learn how to enable the shopping bag 💡

At the moment, the shopping bag doesn't support changing the font style (size, color, decoration, etc.) but you can change the font family. All text in the shopping bag is written in paragraph style.

1. Open the global text style settings and click Edit text styles:

Global text style settings in Hostinger Website Builder

2. Select Paragraphs and navigation:

Paragraphs and navigation style settings in Hostinger Website Builder

3. Change the font family:

Paragraphs and navigation font settings in Hostinger Website Builder

NOTES

  • Changes made in the global text style settings affect all text elements across your website

    • For example, if you change the paragraph font (seeking to customize the text style in the shopping bag), remember that the navigation links and all other text elements written in paragraph style will also be affected

  • After making the changes, make sure to update your website

Did this answer your question?