Hi guys, im new to ST and im absolutely loving programming in it.
But Im having some hard times styling the components since we dont have an unique ID for the divs.
I want to remove or make it smaller, this empty space on the top of my page, since it is a “lose” of space, I removed the header/footer because I need it in fullscreen to show the table a little bigger.
Is there a way I cant do it?
Currently you can style your Streamlit app by injecting CSS code. Youtuber @andfanilo explains it in more detail and some more advanced stuff in this video:
Assuming your page is in wide mode, you could use the following code, with some adjustments, to remove blank space at top and bottom of a Streamlit page on version 1.27.2:
/* Remove blank space at top and bottom */
/* Remove blank space at the center canvas */
/* Make the toolbar transparent and the content below it clickable */
background: rgb(255 255 255 / 0%)
background: rgb(255 255 255);
But do keep in mind this CSS code can change in future versions of Streamlit, as this method is not officially supported, it is more of a “workaround” at the moment.
Thank you so much worked like a charm
This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.