Buttons & Icons (Elevate)

In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to launch Theme Editor.

In the left hand column of the Theme Editor, click the panel labelled 'Buttons & Icons'.

 

Primary action button

Button text color color of the text inside the button
Button text hover color color of the text in the button when you hover a cursor over it
Button background color of the button behind the text
Button background hover color of the button behind the text when you hover a cursor over it
Button background active color of the button behind the text when you click on it


Secondary action button

Button text color color of the text inside the button
Button text hover color color of the button behind the text
Button text active color color of the text in the button when you click on it
Button border color of the line around the button

 

Tertiary action button

Button background color of the “sort by” filter selector/drop-down
Button arrow icon color of the arrow in the “sort by” filter selector/drop-down

 

Disabled button

Button text color color of the text inside the disabled button
Button background color of the button behind the text
Button border

color of the border around the button

 

Icons

Social media icon color of social media icons in the footer
Social media icon hover color displayed when the cursor hovers over a social media icon
Star review icon (full) color of the star icons that are empty in a star rating display
Star review icon (empty) color of the star icon rating that gets counted
Increase/decrease button color of the quantity change buttons

 

Checkboxes and radio buttons

Checkbox and radio icon color of the checkmark on checkboxes, or the dot on radio buttons
Button background color of the box behind the check mark or radio dot
Button border color of the border around the checkbox/radio button
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Getting Started (Elevate)

Elevate is lovingly created by Australia’s longest standing, 5-Star customer reviewed BigCommerce...

Theme Installation (Elevate)

After purchasing the theme, Elevate will show up the "My Themes" section of your BigCommerce...

Customizing Theme Overview (Elevate)

Elevate supports multiple methodes of customization and supports the recently released Page...

Global Settings (Elevate)

In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to...

Header & Footer (Elevate)

In your control panel, go to Storefront > My Themes, and click the blue "Customize" button to...