Search code examples
htmlcsspython-sphinxtextcolor

unable to change the text color of sphinx_rtd_theme sidebar

I'm trying to customize the docs created using sphinx_rtd_theme. The default theme has a sidebar of background colour black and text colour white. I've successfully changed the background colour of the sidebar to white from black using

/* Sidebar header (and top-bar for mobile) */
.wy-side-nav-search, .wy-nav-top {
    background: #fafafa;
}

/* Sidebar */
.wy-nav-side {
    background: #fafafa;
}

but unable to find the right class or element for changing the text colour of the sidebar to black from white so that it's visible on the white background which I've done.

Solution

  • If you need to change a specific class and having a hard time finding which css attributes you need to change, by inspecting your website using inspector on your browser will help you identify which class/id specifically you need.

    Right click on the area you want to see then click inspect then you will be able to see all the elements that the page is using.