Colors
Colors bring your site to life - they help draw attention to certain areas and can reinforce your storefront's branding.
Using the right color combinations will help leave a memorable impression, and should help conversions too!
Getting Started
General
Background - this is a color of all pages
Body font - this is the color of all text such as the product description, menu etc
Borders - the color of borders the seperate content i.e the menu
Buttons
Background - the color options of the 'Add to cart' and 'Contact us' buttons
Button text - the text color for buttons
Background on hover - when you hover on a button, the color will change to this value
Button text on hover - when you hover over a button, the text color will change to this value
On sale badge
Background - when a product has a compare price, a label will show on products. You can change the color using this value.
Body text - you can change the text color of this label to compliment the background color above.
Sold out badge
Background - when a product is no longer available, a label will show on products. You can change the color using this value.
Body text - you can change the text color of this label to compliment the background color above.
Pre-order badge
Background - when a product has the tag 'pre-order', a label will show on products. You can change the color using this value.
Body text - you can change the text color of this label to compliment the background color above.
Footer
There are 2 footer background color options, to offer versatility, giving you the option to have either a light ot dark schema which is currently setup by default
Background 1
Background - the color behind the footer text and links
Body font - the color of the footer text and link
Background 2
Background - the color behind the footer text and links
Body font - the color of the footer text and link
Email signup
Background - the color of the entore section behind the form and text
Heading - the color of the header i.e 'Subscribe to our emails'
Subheading - the color of the text below the header
Email form button - the color of the 'Subscribe' button
Cart
Cart counter background - the color of the round icon on top of the cart bag icon
Cart counter text - the color of the text inside the round icon on top of the cart bag icon
Alerts
When you add or remove an item from your cart, you will see an alert in the top right of the screen. You can change color options here.
Notifications background - the color of the alert box
Notifications body text - the color of the text inside the box
Cookies popup
You can enable cookies by going to Theme settings > cookies popup
Background - the color of the cookies box popup
Body text - the color of the text inside the popup
Last updated