Appearance

Custom CSS ​

This guide describes the Theme settings > Custom CSS menu options.

Use the menu options to specify custom styles that apply to your entire online store, except the Checkout page. Refer to Shopify help: Add custom CSS.

An example store's home page with the Theme settings's Custom CSS menu in Theme editor.

The previous image shows a store's Collection page. In upper left, part of Theme editor's Theme settings > Custom CSS menu is displayed. The menu's text box contains a custom CSS style definition. The CSS style definition sets an Orange color for hyperlinks inside HTML elements with a heading-feature class. In the center, the custom CSS is applied to the orange colored Treats text on the store page.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings.

Configure Custom CSS ​

To configure your Custom CSS settings:

  1. In Theme editor, go to Theme settings > Custom CSS.

    Theme editor's Custom CSS Theme settings menu.

  2. Select a setting described in the following table.

Setting nameDescription
Custom CSSIn the textbox, enter custom CSS styles that apply to your entire online store. Refer to Shopify help: Add custom CSS.