The problem of not being able to change the background color, thickness and position of the texts in the Streamlit Multiple Page App's Side Bar

Streamlit Version: 1.13.0

in Homepage.py:

import streamlit as st

st.set_page_config(
        page_title= "Multipage App",
        page_icon="πŸ“")


st.title("Main Page")

st.markdown('<style>div[class="css-6qob1r e1fqkh3o3"] {color:black; font-weight: 900; background: url("https://media2.giphy.com/media/46hpy8xB3MiHfruixn/giphy.gif");background-repeat: no-repeat;background-size:350%;} </style>', unsafe_allow_html=True)


st.markdown('<style>div[class="css-y3drt2 e1fqkh3o5"] {color:red; } </style>', unsafe_allow_html=True)#NOT WORKING-------------------------------------------

I want to change the color, font, and position of the Homepage, Application, and Contact texts. How do I do this? Is it possible?

1 Like

Hey @murat_tasci,

I’d recommend checking out this thread – it covers the general process you would want to follow to add CSS to style these specific elements.