2.1 Styling / Schemes
Color scheme: With this setting you can change the overall look of your shop directly to a light color, a darker color or a mix. This basically inverts all the colors from your shop. Area’s that are white will become black etc. For example, car shops, male product shops and shops selling watches tend to use this feature.
2.2 Styling / Colors
Main color: This is the color which you can find everywhere in your shop. We advise to use the color from your logo as a main color. For example, icons, bars and links, will adhere this color. The main hover color is the color which appears on hovering over these items.
Title color: If you want to change the color of the titles in your theme, this is the setting you’re looking for. On every page the H1, H2 and H3 title color will change to the color you define here.
In cart color: As this is almost the most important button in your store, you want to be able to edit the color of this one. One believes a red color is the way to go, some others believe it’s green or orange. You can try which color works best for you. The hover setting below defines the shadow border around the button. We suggest picking a somewhat darker version of the “in cart color” to make the button pop out.
2.3 Styling / Background
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. On this website you can compress JPG and PNG images.
‐ Inserting an image will overrule the color setting. Delete the background image to show just a colored background. This setting overrules the setting for colorscheme (2.1 Color Scheme).
2.4 Styling / Typography
To further customize your store, you can use one of the many Google webfonts included. Go to Google Fonts and pick the one you like best or which you already use in your logo, mailing etc. We included these fonts because there’s many options to choose from, they load quick and are accepted by most browsers. There might be fonts not included to the list we offer in these font settings. To keep a little overview, we kept the most used. Feel free to ask us if we can include one you would like to have in your store and isn’t in the list.
‐ Font Special heading: Choose a font for all the special headers in the theme. As for example in the slider and on banners.
‐ Title Fonts: All headers (H1,H2 and H3) will adhere to the font you choose for this setting.
‐ Body Fonts: All text will be using the font you pick here.
For some fonts the font‐size might become too small on some screens. We can adjust this manually for you. Please consult our support desk at firstname.lastname@example.org