Theme styles

Theme styles apply pre-selected settings for colors, fonts, and minor design elements. The change can be quite subtle but will give you a basic starting point for customizing your store’s branding.

circle-info

Theme styles do not change the layout of page sections, the header, footer, or any individual section settings. You can download other presets to access demo layouts: Eclipsearrow-up-right, Ripplearrow-up-right, and Coastalarrow-up-right

Select theme style


Eclipse has 3 theme styles named after the demo store with the same style settings.

In theme settings > theme style, switch to another theme style, then customize the theme settings to make it your own.

Note: The theme style will overwrite your current settings. Make sure you've duplicated your theme to keep as a backup.

chevron-rightSTEPShashtag

In your Shopify Admin:

  1. (Recommended.) Duplicate your themearrow-up-right to save as a backup.

  2. In the theme editor, click the Theme settings gear icon.

  3. Click the Theme style tab.

  4. Select a preset to preview the styles.

  5. To apply the theme style, click Change style.

  6. Click Save.

Last updated