Zibster makes it very easy to customize the color scheme of your website to match your brand and style. This guide will walk you through how to update your color scheme in your Zibster account to customize your colors to match your branding.
STEP ONE
Log into your Zibster account and click on the WEBSITE option in the left-side menu.
STEP TWO
Click on the DESIGN option at the top of your control panel.
STEP THREE
Click on the EDIT DESIGN SETTINGS button to access the global design settings for your website.
STEP FOUR
A menu will open on the right side menu, click on the COLOR option to access the color picker tool to customize your website color scheme.
Your colors are organized into 5 different groups: Accent Colors, Button Colors, Background Colors, Icon Colors, and Text Colors. Each element controls various parts of the website template you've selected.
Accent Colors
- Accent Color #1: Controls the prominent colors of your website, such as the hover effect, page titles, and highlighted text.
- Accent Color #2: Controls the background of your last item link in addition to item and caption titles.
- Accent Color #3: Controls the background color of your site links and social media block, your store checkout, and the color behind your menu block.
Note: Accent colors impact your website in different ways, depending on the template you have selected.
Button Colors
- Control the button text and the background color of your buttons.
Background Colors
- Control the background color for your content, footer, form fields, and the site.
PRO TIP!
Your background colors should be a subtle statement and not compete with any accent colors.
Icon Colors
These control your social media icons, as well as icons that will appear in your content area. The options in this section can vary depending on the graphics settings you've applied to your template.
- Icon Color: Controls your social media icons.
- Icon Background
- Content Icons: Controls any icon that shows in the content of your website, such as external links, gift cards, and video play buttons.
Text Colors
- Menu Text: Controls the color of the menu text.
- Site Text: Controls the text for text editors, form labels, and item descriptions.
- Contrast Text: Controls the color of your last item link text, image gallery controls, and checkout window text colors on the website.
- Footer Content Text: Controls the text color of your footer content.
STEP THREE
How to Change Your Colors
You can change the colors by clicking on the SQUARE next to the item you wish to update. The color wheel will expand and you can SELECT A COLOR by clicking in the color wheel, manually entering your color information if you know the details, or selecting from your ACCENT COLORS or RECENTLY USED COLORS.
Once you've got your color selected, be sure to click on the OK button to apply that change to the color picker.
FINAL STEP
Once you've adjusted the different sections of your color scheme that you wish to change, click on SAVE CHANGES at the bottom of the page to apply the updates to your website.