Layouts customize

[Luigi_Giugliano]

Hi, How can I drop this part in the layout?
Thanks in advance

[dataprofessor]

Hi @Luigi_Giugliano

You’ll likely need CSS customization to perform granular adjustment of the spacing there.

The following CSS code snippet may be a good starting point (try adjusting padding-top and margin-top)

st.markdown("""
<style>

[data-testid="block-container"] {
    padding-top: 16px;
    margin-top: -16px;
}

</style>
""", unsafe_allow_html=True)

Also check out this FAQ for additional information on visual customization of your Streamlit app:

FAQ: How to customize the style or appearance of your Streamlit app

Problem You want to customize the style or appearance of your Streamlit app. Let’s explore some of the options that you can take to achieve this. Solution 1. Native Theming support Streamlit page elements are affected by the various theme configuration options that can be specified in the [theme] section of .streamlit/config.toml file. Consequently, you can change the color and fonts of text and background color: [theme] primaryColor="#F63366" backgroundColor="#FFFFFF" secondaryBackgroundColo…

Hope this helps!