PhotoBiz, LLC Logo
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT
MENU

How To Customize Website Colors

June 27, 2024 | By: PhotoBiz Knowledge Base

Share

PhotoBiz makes it easy to align your website's color scheme with your brand and style. Follow this guide to update your colors and match your branding seamlessly using the color picker for your global color scheme.


Tips for Crafting the Perfect Color Scheme

  • Use accent colors sparingly to highlight key elements.
  • Ensure background colors are subtle and don’t compete with text or accents.
  • Maintain readability by using contrasting colors for text and backgrounds.

To learn more about creating the perfect color scheme, check out our guide by clicking on the button below. 

TIPS ON CREATING THE PERFECT COLOR SCHEME

How To Customize Your Website Design Colors

This video tutorial walks you through how easily you can customize the color scheme on your PhotoBiz website.

STEP ONE

Log into your PhotoBiz account and click on the WEBSITE option in the left side menu.

STEP TWO

At the top of your control panel, click DESIGN to access global design settings.

STEP THREE

Click on the EDIT DESIGN SETTINGS button. 

STEP FOUR

Click on COLORS in the right-side menu that opens to access your global color picker. 


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

  • Content Background:
  • Footer Background:
  • Form Background: fields on forms & quanity selection in ecommerce pages.
  • Site Background:

Defines background colors for your content, footer, form fields, quantity selection background, and the overall site.

Use subtle tones that complement, rather than compete with, your 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: Control the color of the menu text.
  • Site Text: Control the text for text editors, form labels, quantity of items in ecommerce drop down pages number, and item descriptions.
  • Contrast Text: Control the color of your last item link text, image gallery controls, available date for scheduler dates number, check out window text colors on the website.
  • Footer Content Text: Control the text color of your footer content.

STEP FIVE

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 on SAVE CHANGES at the bottom of the page to apply the updates to your website.

Previous Post Next Post

Related Posts

How To Change Templates

April 28, 2025

How Do I Change The Font Color of Links In My Text?

August 22, 2023

How To Edit The Colors For Scheduler Service Calendar

April 10, 2025

How To Add Custom CSS To The Website

May 31, 2024

Need More Help?

CONTACT US

BUILDER

Website Builder Client Galleries Blog

TOOLS

Ecommerce Scheduler Quotes & Invoices

MARKETING

Email Marketing Forms Contacts SEO

MORE

Account Settings Domain & Email Files PhotoBiz Growth Hub Blog Go To PhotoBiz.com
Copyright © 2004 – 2025 PhotoBiz, LLC All rights reserved
Crafted by PhotoBiz
PhotoBiz, LLC Logo
CLOSE
  • WELCOME
  • WEBSITE BUILDER
  • SEO
  • CLIENT GALLERIES
  • FORMS
  • SERVICES
    • WE BUILD IT FOR YOU
    • SEO GO
    • CUSTOM WEBSITE DESIGN
    • LOGO DESIGN
    • SOCIAL MEDIA MARKETING
    • COACHING
  • GROWTH HUB
  • CONTACT