⭕How to style individual buttons (by button key) in Options Selectors

Customizing styles for buttons in a common options selector may be necessary, such as to achieve varied text and box shadow color as seen in the image below.

Selecting the component to style:

1. In the “Edit” sub-menu open the “Designer” card.

2. Select the "Options buttons" component you want to style on your page.

Setting the Designer card to style a specific button:

1. Click “+ Sub-Element”.

2. In the “Elements” selector, select “Button”.

3. Click “+ By Button”.

4. In the “By Key” selector choose the key that belongs to the button you want to style.

That’s it, you now know how to give a different style to each button! 👍

Related Docs:

How to style a rounded bullet-like checkbox for options buttons

How to style a specific component element (E.g. buttons image)