Appearance

Custom CSS ​

This guide describes the Theme editor's 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 Collection page with the Theme settings Custom CSS menu in the Theme editor.

The previous image shows a store's Collection page. In the upper left, part of the Theme editor's Theme settings > Custom CSS menu is displayed. The menu's CSS field 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 heading 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 the Theme editor, go to Theme settings > Custom CSS.

  2. Select a setting described in the following table.

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