How to change website colors


When you choose a theme for your website, the colors are usually set automatically. However, you always have the opportunity to customize the website color and change the header or button colors. 

Important Note: Only default page button colors (e.g., live sessions, courses, products, etc. ) can be changed.  You can change the button colors of other pages (the ones created by a page builder) from the builder section. 

In order to set your preferred colors for the website, follow these simple steps.

  1. Navigate to the Site Builder tab from your dashboard.

           Go to the Branding section.


Choosing a color for the website.

In this tab, you can 

  • Change the website name (unless you haven’t uploaded a logo)
  • Add logo and favicon to the website
  • Customize website colors
  • Choose header color
  • Remove Uteach branding

2. Scroll down to the Website colors section. You can set Primary and Secondary colors for the website. Click on the Choose color button. Now you can see the color palette, where you click on your desired color.  This is set as the website's primary color.


Choosing the Primary color for the Uteach website.

The corresponding color code will be displayed on the right.

Besides the hover color, you can also modify the button text color. Click on the Button text box and pick your desired color from the palette. 


All these changes will be displayed in the Button preview section, where you get an idea of how the button you customized will look. 


Seeing the button preview.


3. When you are done editing, click on the Save changes button below. 


If you have any questions about coupons, discounts, or anything at all, send us an email at [email protected] or click the blue icon below to chat 😊