Place Content Beneath st.chat_input() Element

[dataprofessor]

Hi @3XL_Tee

It may be possible to tinker with the CSS and adjust the layout and position of the container. The trick is to figure out the name of the CSS element then define this and the desired property.

See this related forum post:

CSS hacks

Hello, I need a tutorial about CSS hacking for Streamlit. Could you help? Thanks, Michel I would like to customize the appearance of a ST app. It is mainly about reducing space between rows of widgets. No idea where to start. I know almost nothing about CSS, styles and how to use them with ST. For me this is almost as clear as Chinese: styl = f""" <style> .reportview-container .main .block-container{{ {max_width_str} padding-top: {padding_top}rem; padding-right: {padding_right}…

And a tutorial video showing how:

How to apply custom CSS styles in Streamlit apps

Hope this helps!