Knowledge base | InkSoft Support Center

How to Customize the Starter Theme

Picking the color scheme of the site is important for branding the website. However, not all colors coordinate well with each other and can make the site hard to see, or just look bad. Using some color scheme tools available on the web can help greatly. Here are a couple of color scheme generators that can help you select the right colors for the store. 

Getting Started

To get to the Customer Theme Options follow the steps below.

  1. Click Web Stores
  2. Click Website Layout
  3. Click Logo & Colors
  4. Click the Custom Theme Options dropdown
 

Below will be a brief description of the few highlighted options

  • Primary Brand: Accent pieces of the site. Eg. Get quote, Get started, Checkout buttons and the image carousel selector.
  • Body Background: The primary background of the whole store.  
  • Default Link Color/Hover Color: The color of text that is links to another page. The hover color will show when you hover the mouse over text. Eg.  Category names, view all buttons.
  • Header Background Color: The background color of the whole header section.
  • Header Link Color/Hover Color: The color of the navigation text that displays in the header of the website. The hover color will show when you hover the mouse over text. Eg. The main navigation that appears on the top of the webstore.
  • Banner Background: The background of the of the rotating banner section.
  • Footer Background: The color of the background of the footer section.
  • Footer Call to Action Bar Background: The background of the section between the footer and body.

The colors of each highlighted section of the store will match the description above.

 
 

Example Setup

Bellow will show a simple set up, and how it looks on the storefront.

To view the color scheme used in this example (click here)