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.

Theme styles do not change the layout of page sections, the header, footer, or any individual section settings. Learn more about demo layouts.

Select theme style

Eclipse has 2 theme styles named after the demo store with the same style settings. See our demo stores to preview the colors and fonts for each theme style: Journey and Coastal.

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.

STEPS

In your Shopify Admin:

  1. (Recommended.) Duplicate your theme ↗ 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