General settings - Colors: Set up your brand and text colors

General colors

  • Headings - This setting controls the color of every heading (H1, H2 etc), the main navigation links & the prices.
  • Regular text - This setting controls the main text you read in your product descriptions, pages and posts and any general text.
  • Alternate text - This affects share icons, discounted prices, author & tags on a single blog posts and blog summaries, subheadings on the home page and subtext in the map blocks.
  • Brand - this controls the branded borders in the header, the heading underlines, the button color, blog date/on sale label color, video play buttons, the border around user selected images and videos, the comment count bubble and text link underlines.
  • Accent - this is a good if you have a secondary brand color or a lighter version you wish to use. Accent can be used on the product page, product grid, image with text, drawer colours and the map section.
  • Button and label text - this controls the color of text inside branded buttons and blog date/on sale labels. If you use a dark brand color then use a light color here and vice versa.

colors.png

Drawer colors

The drawer color settings controls the slide out navigation drawer that is used when viewing the store on a mobile device or if you have the header style set to Icons.

These settings also control the same elements of your product filter drawer that is used when viewing a collection page on a mobile device.

  • Background color - the background color of the slide out draw. Select from the dropdown.
  • Text color - if you use a dark background color you should set this to Light and vice versa and this will make your text, links and icons legible.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.