> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/how-tos/design-how-tos/how-to-style-css-properties-that-are-not-there-in-the-designer-card-custom-properties.md).

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

{% embed url="<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-48ffd71a4f8f>" %}

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:

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td align="center"><mark style="color:blue;"><strong>Styling components: Basics</strong></mark></td><td><a href="/pages/07BhdU0pyMpywmJTK02G">/pages/07BhdU0pyMpywmJTK02G</a></td><td><a href="/files/HbjLwlBOCrVMc8v9R86a">/files/HbjLwlBOCrVMc8v9R86a</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Styling hover, selected, disabled button states</strong></mark></td><td><a href="/pages/pdtmv7gpYTVzTCyec24s">/pages/pdtmv7gpYTVzTCyec24s</a></td><td><a href="/files/EyIk4ebnrUrjRVLpDHlD">/files/EyIk4ebnrUrjRVLpDHlD</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>How to style individual buttons (by button key) in Options Selectors</strong></mark></td><td><a href="/pages/ZuuexCVSzMPUpVlImKbb">/pages/ZuuexCVSzMPUpVlImKbb</a></td><td><a href="/files/Ei5xLIYvM2HQfENwvjNT">/files/Ei5xLIYvM2HQfENwvjNT</a></td></tr></tbody></table>