To edit the text fonts in your shop to match your website and make your shop area more on brand you can do this by editing certain headings in your sitewide design settings. You will be able to edit the font style and colour but not the size at this stage as the size is set.
Below I will show you what sitewide setting control each area of the shop.
H1 - Big heading
The H1 - Big heading font and colour controls the product title in the product.
H2- Medium heading
The H2 - Medium heading font and colour controls the sort by and magnifying glass. You can also change the product price font through these settings.
- Please note, if you want to change the product price colour, this will be pulled through the sitewide paragraph settings.
H3 - Small heading
The H3 - Small heading controls the product title and categories, filters and tags headings on the shop home.
Paragraph
The paragraph controls the categories, filters and brands as well as the price on the shop home page. In the product, this controls the product description.
- Please note, the paragraph styling only changes the product price colour - if you want to change the product cost font, this will be pulled through the H2 heading.
Checkout text:
To change the text color of content customers fill out through the checkout experience (filling in their details) this will be through the sitewide design form settings. Changing the input text.