Change the color for options

1. Firstly, go to Settings > Design Settings > Color

2. Change the color for your option elements, and then click Save

Design Settings are available on the Advanced plan and above. Each section has a Reset button to go back to the default colors. See Settings overview.

What you can change in Color

• General: Price add-on, Option title, Option value, Required character, Help text content, Help text background, Error message, Quantity button and Edit button.
• Text Input: Textbox border, Textbox border hover and Textbox background.
• Choice List: Dropdown border, Dropdown background and Dropdown hover; Checkbox / radio hover and Checkbox / radio active; Switch background and Switch active.
• Button: Button text, Button text hover and Button text active; Background, Background hover and Background active; Border, Border hover and Border active.
• Swatch: Swatch border, Swatch border hover and Swatch border active; Hover background and Hover text.

Use the Border tab to change the Border size and Border radius of text inputs, buttons, dropdowns, swatches, quantity buttons and edit buttons.

Updated on: 27/09/2026