CSS code for changing the color of the text within sidebar widgets

Home Forums Automattic On a Whim CSS code for changing the color of the text within sidebar widgets

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #108375 Resolve

    Sky
    Member

    Could you please let me know how I can change the color of the text within the sidebar widgets?

    Thanks for your help.

    The blog I need help with is aboutwmscog.wordpress.com
    #140148

    tessmackenzie
    Member

    Hey dude,

    Try this – but no guarantees, it’s probably not the best way to do it, it’s just what worked on mine :)

    This should set all the text to white – so links, text, visited links.

    I’m not sure if the “nth-child(2n+1)” is needed, but I think it’s for the alternate widget boxes.

    .widget-area .widget a, .widget-area .widget a:link, .widget-area .widget a:visited {
    color: #FFFFFF !important;
    }

    .widget-area .widget:nth-child(2n+1) a, .widget-area .widget:nth-child(2n+1) a:link, .widget-area .widget:nth-child(2n+1) a:visited {
    color: #FFFFFF !important;
    }

    Or do them as three separate things if you want different colors, so

    .widget-area .widget a {
    color: #FFFFFF !important;
    }

    .widget-area .widget a:link {
    color: #FFFFFF !important;
    }

    .widget-area .widget a:visited {
    color: #FFFFFF !important;
    }

    Hope that helps!

    #140160

    Sky
    Member

    Really thanks for your help.

    #140281

    Kathryn P.
    Happiness Engineer

    Glad you’re all sorted!

    Tess – Thanks very much for helping out another user. :-)

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘CSS code for changing the color of the text within sidebar widgets’ is closed to new replies.