Screenshot of the main "learning" page with a white strip showing between the header and page title, and behind article cards.

I can't change the page background color

Even after setting theme colors, some pages will stay a different color, or that color might peek out from between sections on your pages. The Shopify store customizer doesn't give you the option to change it, but you can force the change through code.

Navigate to the Online Store/Themes page from your side-menu, and select the three-dots menu next to the "customize" button. Select "Edit code."

Screenshot of the main Online Store landing page on shopify, with an oval and arrow indicating the "Themes" page and the menu allowing more actions for your store theme. In that menu, "Edit code" is circled.

Now find your assets/base.css file (yours may have a different name)

Screenshot of the code directory, with the assets folder open and file 'base' selected

Scroll to the bottom of the file and copy-paste in the following, substituting #000000 for your preferred color:

body {background-color: #000000 !important;}

body { background-color: #181715 !important; }
This is the resulting change:
Screenshots of the main "learning" page before and after the code change. Before, there is a white band between the header and title, and behind the articles. After, the white is changed to a dark gray.
Back to blog