⭕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.

https://firebasestorage.googleapis.com/v0/b/savvy-flow-uploads/o/oNrQLV6ZiVBavUmAkfcu%2FHow%20to%20style%20individual%20buttons%20(by%20button%20key)%20in%20Options%20Selectors_6640024316047117.mp4?alt=media&token=f22bf50a-533d-44a2-abb8-618125b2fd51firebasestorage.googleapis.com

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)