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

Using Streamlit
1

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-------------------------------------------

zf1Dv
zf1Dv1351×334 143 KB

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
2

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.

3

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