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!