2.1 Theme Color
Theme color: Choose the main layout color for your shop. We advise to pick a color from your logo to match the style.
Theme background: Pick a background color for your shop.
Element background: Every element has a different background from the shop background. Select the color for every element here.
2.2 Background Image
Background image: As a main background you can choose to display an image instead of a color. You can find many interesting patterns to use as a background image on this website. Speed wise, a colored background will load quicker in every browser.
‐ The settings below this one helps you to center and clone the pattern so it will cover the complete space of your background.
‐ You can also decide on uploading a full‐width image. Keep in mind that bigger images will slow loading speed of your store whereas a pattern has a smaller size and is copied. Always compress images you upload.
‐ Inserting an image will overrule the color setting. Delete the background image to show just a colored background.
Button color: Pick a color for the buttons in your shop.
example of a button:
To further customize your store, you can use one of the many Google webfonts included in the Starter Theme. To quickly browse through all the Google fonts go to this website. Pick your favorite and than select it from the list in the settings below.
Font Special heading: Choose a font for all the special headers in the theme. As for example in the slider and on banners.
example of a special header:
Font title: All the headers (H1,H2, H3, H4, H5, H6) will adhere to the font you choose for this setting.
example of a header:
Font body: All the text will be using the font you pick here.
example of regular text:
Font body color: Choose a color for your text here. Make sure the color has a high contrast compared to the background.