Buttons Colors
This section includes settings to set up general buttons colors on the whole store.
Tip: To edit button colors globally, ensure they don't directly use colors from section settings.
Main button
Available options for these button types include:
Border
Show background
Background
Background gradient
Border
Text
Icon
Show background on hover
Background hover
Background gradient hover
Border hover
Text hover
Icon hover
Enable shadow
Below are examples of main buttons, typically blue by default, used across various sections and blocks:
Secondary button
Colors which are used for Account, wishlist, compare buttons.
Available options for these button types include:
Border
Show background
Background
Background gradient
Border
Text
Icon
Show background on hover
Background hover
Background gradient hover
Border hover
Text hover
Icon hover
Enable shadow
Here are some examples of secondary button options:
Checkout button
Available options for these button types include:
Border
Show background
Background
Background gradient
Text
Icon
Show background on hover
Background hover
Background gradient hover
Text hover
Icon hover
Enable shadow
Here are some examples of checkout button options:
Tabs button
Available options for these button types include:
Border
Show background
Background
Background gradient
Text
Show background on hover
Background hover
Background gradient hover
Text hover
Here are some examples of tabs button options (mainly used for tabs sections):
Link button
Available options for these button types include:
Text
Icon
Text hover
Icon hover
Here are some examples of link button options:
Media buttons
Available options for these button types include:
Background
Icon
Background hover
Icon hover
Slider dots
Slider arrows
Here are some examples of media button options:
Last updated