change textwidget color in css, Sunspot theme

  • belleweatherfarm · Member ·

    I’ve made a valiant effort at figuring it out on my own, but cannot get the textwidget color to change in my CSS. Can someone help? Theme Sunspot :)

    The blog I need help with is: (visible only to logged in users)

  • lettergrade · Member ·

    Are you looking to change the background colour of the text widget? That would be:

    .widget_text { background: #333333; }

    (or whatever value colour you want to change it to.)

    However, one thought: you may want to mess around with the padding and margins as well, since that widget is kind of designed to have no background and may not be laid out perfectly for a change like that.

  • belleweatherfarm · Member ·

    Oh! I guess my question wasn’t very clear, was it…. it’s the font color I’d like to change.

  • lettergrade · Member ·

    Sure, no problem. Change the colour values below to whatever you want, and add them to your custom css.

    a) This bit of code will change the colour of the widget’s title. It will also change the colour of OTHER widgets’ titles, too, so if that’s a problem check in and we’ll see if we can fix it.

    .widget-title, .widget-title a {
    color: #927E66;
}

    b) This will change the colour of your body text, as long as you’re just entering straight text into the widget.

    .textwidget { color: #927E66; }

    (But if you add your own html code directly into your widget text, like p tags, etc, you might need to add the p tag into your custom css.)

    Good luck!

  • The topic ‘change textwidget color in css, Sunspot theme’ is closed to new replies.