Streamlit Reveals NEW CSS Styling Trick! (Here’s How to Use)

Want to change the style of a Streamlit button or Slider? In this tutorial, you'll discover the workflow I use to style some widgets using a new alpha release hidden in an external package by the Streamlit Developers.
You will learn:
- How to use the devtools to target a specific HTML element in your app
- How to edit a widget styles through the Styleable Container component
By the end of this video, you'll be equipped with the skills to quickly the color of some buttons.

👉 Links

My tools (Affiliate links to support me!)

00:00 Prerequisites
02:19 The Secret Trick

______

🪶 ...unexpected life events made me take a break. I made this video in a rush to get back into the groove, so I hope you like it :)

⚠️ Disclaimer: This video is not sponsored, I receive no compensation by any brand quoted in this video. Views are my own and do not represent my employer's.
Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. Thank you for supporting my channel so I can continue providing you with free content!

#streamlit #python #datascience #dataapps

[darkcss]

Nice! I use a lot of css hacks on my streamlit already to reduce blank space at the bottom and top of the main data canvas. Nice that I can use it on widgets as well now!

[DJSEWWES]

yo nice video (Y) helped a lot thank you

[maivish]

Hi Fanilo,

Thanks for sharing insight informations. Can we can change column header background color in ST. Kindly reply and how to do.(st.dataframe)

[marcussrm]

Hello! How to change the font-size of a streamlit datraframe?

[shawnpereira]

Why can't each streamlit widget simply have style properties like nicegui, flet, etc.?

[ritik]

One of the problems with stylable container is that when border is set to true and you update the border radius, the plotly go chart does not stay inside the container

[nwachukwuobinna]

Your content is rich, but you are too fast for good comprehension. I think making your videos more explanatory will be better.