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! 👍

Last updated