Customize Your Website’s Colors

Changing your website's colors is beneficial as it aligns with your brand and influences user emotions, creating a more engaging and memorable experience.

  1. Begin on the “pages" page under the "studio” section
  2. Click the “website” tab at the top of the page
  3. Click “colors” page on the left menu
  4. Update the colors of the different sections of the webpage using the information below
  5. Press "submit colours" once you've made changes to save and publish the changes

Header top note:

  • Background - changes the background color of the top header (blue)
  • Text - changes the color of any text on the top header (pink)

Pre header:

  • Background - changes the background colour of the strip above the header at the top of the webpage (pink)
  • Text - the colour of any writing on there header (blue)
  • Icons - the colour of icons, graphics or any other parts of the pre header (yellow)

Header:

  • Background - changes the background color of the header (green)
  • Text - changes the color of the small text on the header (pink)
  • Icons - changes the color of any icons on the header (dark green)

Top menu:

  • Background - changes the colour of the top menu (Blue)
  • Text - changes the colour of the text on the top menu (Green)
  • When hovered - changes the colour of the text on the top menu to a different colour when mouse is hovered over it (pink)

Header sub note:

  • Background - changes the background color of the top header (red)
  • Text - changes the color of any text on the top header (green)

Main content:

  • Background - changes color of the background of the whole webpage (blue)
  • Text - changes the color of any text on the main background (yellow) 
  • Icons - changes any icon color on the main webpage (pink)

Buttons on white background:

  • Primary on White - changes the colour of the ‘add to cart’ buttons and other featured item tags (purple)

Footer:

  • Background - changes the background colour of the footer (blue)
  • Text - changes the colour of the small text on the footer (red)
  • Titles - changes the colour of the title text on the footer (purple)
  • Icons - changes the colour of the icons and graphics on the footer (green)

Sitelinks:

  • Background - changes the background color of the sitelinks section at the very bottom of the page (red)
  • Text - changes the text color of the sitelinks (blue)
  • Icons - changes the color of the icons next to the sitelinks (pink)