githubEdit

Change background color

This guide shows how to apply a custom background color to a section using the theme editor's built-in custom CSS field.

  1. In the theme editor, navigate to the section you want to edit.

  2. In the settings panel, scroll to the bottom and expand Custom CSS.

  3. To apply the change across your entire storefront instead, navigate to Theme settings > Custom CSS.

  4. Paste the following code into the input field and replace #000000 with your desired hex color code.

section { background-color: #000000; }

Last updated

Was this helpful?