Colors

The following steps can be done by going to Design › Edit Theme › General › Visual › Colors  in your eCom back office.

Here, you can customize your theme’s colors, giving complete control over creating unique styles for your store. Here is a reference for what each of the colors correspond to on your site:

• Headings text color: This setting affects the color of the items located at the top of every page, including your navigation items.
  
• Pretext color: This is the color for the pretext headings for section titles. 
  
• Body text color: This settings affects the color of the general text of your shop
  
• Highlight color: This settings affects the color for your buttons and active state links. 
  
• Button text color: Text color for all buttons. Be sure to choose something that has a stark contrast with the highlight color, which will be used for the button background. (ex: 'add to cart' button)
  
• Border color: This is the color for all borders and separators
  
• Background color: This affects the color of the main background of your shop
  
• Top bar text color: This affects the text color of the Top Bar located at the very top of every page (ex: Cart information, link to My Account)
  
• Top bar background: The background color for the Top Bar, which includes the phone number, currencies, languages and message.
  
• Header color: The background color of the header located at the top of every page (where you can find the navigation)
  
• Mobile menu background: Edit the background color for the mobile menu. 
  
• Mobile menu border: Choose the border color for the mobile menus.
  
• Mobile menu color: Choose the text color for the mobile menus. 
  
• Footer newsletter color: The color of the title for the footer newsletter
  
• Footer newsletter background: The color of the background 
  
• Footer text color: The text color for the bottom footer of every page (ex: newsletter text, menu links, etc.)
• Footer background color: The background color of the footer located at the bottom of every page
  
• Footer bottom color: Text color for the Footer Bottom
  
• Footer bottom background: This is the background color for the bottom footer and copyright area
  
• Social icons color: This will change the color of the social media icons displayed at the very bottom of the footer
  

• Related Articles

• Colors

  The following steps can be done by going to Design › Edit Theme › General › Visual › Colors  in your eCom back office. Here, you can customize your theme’s colors, giving complete control over creating unique styles for your store. Here is a ...

• How do I change the style of my Homepage Hero Banner?

  In your theme settings (Design -> Edit Theme), navigate to the Homepage Hero settings via Pages -> Homepage -> Hero.  After choosing your Hero style, you will find additional customization settings that include:  Full width Add an overlay  Text ...

• Brands

  The following steps can be done by going to Design › Edit Theme › Pages › Home Page › Home Content Order in your eCom back office. Adding the Brands section In Design › Edit Theme › Pages › Home Page › Home Content Order, you will need to assign the ...

• Brands and Tags

  The following steps can be done by going to Design › Edit Theme › Pages › Home Page › Home Content Order in your eCom back office. Adding the Brands and Tags Sections In Design › Edit Theme › Pages › Home Page › Home Content Order, you will need to ...

• Kleuren

  De volgende stappen kunnen worden uitgevoerd door naar Ontwerp > Thema-instellingen > 4. Colors in uw eCom-backoffice te gaan. Hier kunt u de kleuren van uw thema aanpassen en volledige controle krijgen over het maken van unieke stijlen voor uw ...