Background image uploaded on dropbox is not visible on the deployed app

Hello,

I have deployed a streamlit app on streamlit- cloud and i have used an image that i have uploaded on Dropbox as background. My code for this process is:

background_image = “”"

[data-testid="stAppViewContainer"] > .main { background-image: url (image url ending in "dl=1" ); background-size: 100vw 100vh; # This sets the size to cover 100% of the viewport width and height background-position: center; background-repeat: no-repeat; } /* This targets the header */ [data-testid="stHeader"] { background-color: rgba(0, 0, 0, 0); /* Transparent background for the header */ } [data-testid="stHeader"] .css-1v3fvcr { background-color: rgba(0, 0, 0, 0); /* Another selector to ensure the header is fully transparent */ } [data-testid="stSidebar"] { background-color: rgba(0, 0, 0, 0); /* Optional: Make the sidebar transparent as well */ }

“”"

st.markdown(background_image, unsafe_allow_html=True)

Although the image is visible on the localhost using the exact same code, on the deployed app the background is just white. I’m not sure if that’s caused because of my code or because of permission issues of the cloud.Has anyone faced the same issue?

Thank you!

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.