Add a Background Image

[tonykip]

Hi @priyanka.vijay-bavis,

Thanks for sharing this question!

Are you able to get the image to render in the background and just having issues with the components on top of it?

Please share screenshots of how it looks like atm.

You can also try out this solution.

How do I use a background image on streamlit

Here you go, wrote this for you. Use this to set local image as page’s background: import base64 @st.cache(allow_output_mutation=True) def get_base64_of_bin_file(bin_file): with open(bin_file, 'rb') as f: data = f.read() return base64.b64encode(data).decode() def set_png_as_page_bg(png_file): bin_str = get_base64_of_bin_file(png_file) page_bg_img = ''' <style> body { background-image: url("data:image/png;base64,%s"); background-size: cover; } </…