StoreBuilder Basics: Fine-Tuning the Look of Your Store

Now that your StoreBuilder store is up and running, you might want to customize the way the store looks. Whether you’d like to change colors, edit typefaces, or update the location of the menu, StoreBuilder comes ready-made with a powerful templating system ready for whatever you need to customize.
There are a few steps that can be repeated to update hundreds of store attributes. For this example, we’ll show you how to change the color of the header.

Customize Your StoreBuilder Store

Follow three simple steps to create a store that looks exactly like your brand.

Step 1

Go to the URL of the page that contains the element you’d like to update
Because we’re updating the header, any page will do. In this example, we’ll navigate to the homepage.
Fine Tune 5

Step 2

Find the attribute you’d like to change within the customizer panel
Note: Make sure that you’re logged into the store as an administrator before proceeding.
Click the Customize text at the top left of the window near the name of your store.
Fine Tune 3
After clicking Customize, you’ll see a panel of options on the left side of the screen. This is called the Customizer panel.
Fine Tune 6
To edit the background color of the header, select Header and then Design (tab) within the customizer panel.
Fine Tune 4
Finally, click the color picker (the white circle) under Header Background, and pick a color. As you select new colors, the header will update to preview the changes in real-time.
Fine Tune 1

Step 3

Save your changes
Once you’re satisfied with the changes you’ve made, click Publish. Your changes will immediately be visible to the world (as long as you’ve already published your shop)!
Fine Tune 2
Once you get the hang of it, it’s quick and easy to customize every aspect of your StoreBuilder store using the Customizer panel. Give it a try!
Getting Started
Learn how to go live with your StoreBuilder store by connecting your domain name. Just follow the steps in this article.