Published On Oct 3, 2024
In this video, I'm excited to show you a cool new way to style your Streamlit apps without getting all tangled up in tricky CSS hacks! Streamlit's latest update makes it super simple to add custom styles to buttons, input boxes, and more. I'll guide you step-by-step on how to do this with a neat demo app I prepared just for you. First, we'll make sure you have the latest Streamlit version installed, then we'll dive right into applying custom styles using CSS. I'll show you how simple it is to change colors and create animations by just giving elements a class in your CSS file. Even if you're not a CSS pro, I'll share my easy tips on how to use ChatGPT to help out. Plus, I'll teach you how to tweak fonts, add hover effects, and stop Streamlit's default styles from creeping back in. Weโll also explore styling text input boxes, radio buttons, and even HTML text โ basically, everything you need to make your Streamlit app look fantastic!
#Streamlit #StreamlitStyling #StreamlitCSS
๐ ๐๐๐ก๐๐ฆ:
โถ Live Demo App: https://styling.streamlit.app/
โถ Source Code: https://github.com/Sven-Bo/streamit-c...
๐ง๐ข๐ข๐๐ฆ ๐๐ก๐ ๐ฅ๐๐ฆ๐ข๐จ๐ฅ๐๐๐ฆ
โโโโโโโโโโโโโโโโโโโโโโโโโโ
๐ใ๐๐ฅ๐๐ใExcel Add-in (๐ ๐๐ง๐ผ๐ผ๐น๐๐ฒ๐น๐): https://pythonandvba.com/mytoolbelt
๐ Dashboard Excel Add-In (๐๐ฟ๐ฎ๐ณ๐น๐): https://pythonandvba.com/grafly
๐จ Cartoon Charts Excel Add-In (๐๐๐๐ฒ๐ฃ๐น๐ผ๐๐): https://pythonandvba.com/cuteplots
๐คช Fun Emoji Excel Add-In (๐๐บ๐ผ๐ท๐ถ๐ณ๐): https://pythonandvba.com/emojify
๐ Excel Templates: https://pythonandvba.com/go/excel-tem...
๐ My Courses: https://pythonandvba.com/go/courses
๐ Books, Tools, and More: https://pythonandvba.com/resources
๐๐ข๐ก๐ก๐๐๐ง ๐ช๐๐ง๐ ๐ ๐
โโโโโโโโโโโโโโโโโโโโโโโโโโ
๐ LinkedIn: ย ย /ย sven-bosauย ย
๐ธ Instagram: ย ย /ย codingisfun_officialย ย
๐ป GitHub: https://github.com/Sven-Bo
๐ฌ Discord: https://pythonandvba.com/discord
๐ฌ Contact: https://pythonandvba.com/contact
โ ๐๐๐ ๐บ๐ฒ ๐ฎ ๐ฐ๐ผ๐ณ๐ณ๐ฒ๐ฒ?
If you want to support this channel, you can buy me a coffee here:
โถ https://pythonandvba.com/coffee-donation