How to Customize Your Website Color Scheme
PhotoBiz makes it easy to update the color scheme of your website to match your brand and style. This guide walks you through how to adjust your website colors using the built-in color editor in your PhotoBiz account.
🎨 Tips for Creating the Perfect Color Scheme
Stick to a palette that reflects your brand and creates enough contrast for readability. A great rule of thumb: background colors should be subtle so they don’t compete with your accent or text colors.
Learn More:Â How To Create The Perfect Color Scheme
STEP ONE
Log in to your PhotoBiz account and click on WEBSITE from the left-hand menu.
STEP TWO
Click on the DESIGN option at the top of your control panel and then click on the edit design settings button towards the upper right corner of the page.
Please Note: If you change your template, the colors may also change to the default settings for the new template.
STEP THREE
Click on the colors tab within the edit design settings menu.
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
These colors are tied to prominent colors on your site such as Hover and Highlighted Text, Page titles, etc.
- Accent Color #1: Control the prominent colors of your website, such as the hover effect, page titles, and highlighted text.
- Accent Color #2: Control the background of your last item link in addition to item and caption titles.
- Accent Color #3: Control 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, not to 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 show in the content of your website, such as: external links, gift cards, and video play buttons.
Text Colors
- Menu Text: Control the color of the menu text.
- Site Text: Control the text for text editors, form labels, and item descriptions.
- Contrast Text: Control the color of your last item link text and image galleria controls.
- Footer Content Text: Control the text color of your footer content.
STEP FOUR
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 SELECT A COLOR by clicking in the color wheel, you can manually enter your color information if you know the details, or you can select from your ACCENT COLORS or RECENTLY USE 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 the SAVE CHANGES button at the bottom of the editing menu to save your edits!
