🪶How to style CSS properties that are not there in the designer card (custom properties)

If a CSS property is not available in the "Designer" card tabs, you can still use it. Learn how in this brief doc on customizing styles.

https://firebasestorage.googleapis.com/v0/b/savvy-flow-uploads/o/oNrQLV6ZiVBavUmAkfcu%2FStyling%20CSS%20properties%20that%20are%20not%20there%20in%20the%20designer%20card%20(custom%20properties)_8703253750092685.mp4?alt=media&token=2b2fa3db-6a02-4efd-98df-48ffd71a4f8ffirebasestorage.googleapis.com

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

2. Select a component to style by clicking on it.

3. In the “Designer” card move the scroll bar under the tabs all the way to the right side and select the “Custom” tab.

4. Type a CSS Property (E.g. “overflow-y”).

5. Type a valid value for the property you’ve entered on step 6.

6. Click “Add”.

7. Save your changes.

Related Docs:

Styling components: Basics

Styling hover, selected, disabled button states

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