How To Edit Your Website's Color Scheme
Blog » How To Edit Your Website's Color Scheme
Leave this field empty
April 21, 2025
By PhotoBiz Knowledge Base
Pin It

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!

Tags: Web Pages, Design, Website Colors, Branding, Website Builder


 
 
crafted by photobiz