Typography

Adjust the font, letter case, size, and spacing for different text content types within your store. Note that the best practice is to select no more than two font families and choose between them.

HEADING

Adjust the text of headings throughout your store.

Font

Choose the font family from the list and select the boldness for the font, if any, in the dropdown list at the bottom.

Font case

Choose the font case for headings.

Font size

Set the default font size for headings.

Letter spacing

Set the spacing between the letters within words.

BODY

Adjust the text of the content body, secondary menu items, and link labels throughout your store.

Font

Choose the font family from the list and select the boldness for the font, if any, in the dropdown list at the bottom. Note that the custom boldness applies only to the 'Body' boxes, blog post content, and product and collection descriptions.

Font size

Set the default font size for body texts.

​Font opacity

Set the font opacity for body texts. This allows to highlight the text more or less depending on its semantic importance on the page.

HEADER MENU

Adjust the text of the first level items in the header menu.

Font

Choose the font family from the list and select the boldness for the font, if any, in the dropdown list at the bottom.

Font case

Choose the font case for the first level menu items.

Font size

Set the font size for the first level menu items.

Letter spacing

Set the spacing between the letters within the words of the first level menu.

Drawer font size

Set the font size for the menu items of the drawer menu type.

Drawer letter spacing

Set the spacing between the letters within the words of the drawer menu type.

PRODUCT CARD NAME

Adjust the text of product names on cards in the carousel or grid.

Font

Choose the font family from the list and select the boldness for the font, if any, in the dropdown list at the bottom.

Font case

Choose the font case for product names.

Font size

Set the font size for product names.

Letter spacing

Set the spacing between the letters within words.

BUTTONS

Adjust the text of button labels throughout your store.

Font

Choose the font family from the list and select the boldness for the font, if any, in the dropdown list at the bottom.

Font case

Choose the font case for button labels.

Font size

Set the font size for button labels.

Letter spacing

Set the spacing between the letters within words.

Last updated