Savvy Docs

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. 1.
    In the “Edit” sub-menu open the “Designer” card.
  2. 2.
    Select the "Options buttons" component you want to style on your page.

Setting the Designer card to style a specific button:

  1. 1.
    Click “+ Sub-Element”.
  2. 2.
    In the “Elements” selector, select “Button”.
  3. 3.
    Click “+ By Button”.
  4. 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! 👍