Theme Styled Widgets!

I noticed that my sidebars are really a drab black and white and lacking most color. Now these are mostly links so I figured they should also turn green! Save the Planet! Or save money! hehe! Anyway, in this post I will attempt to add a little style and flare to the Widgets and go green in my sidebars!

So see if you can follow this in the TuKod Theme (Atahualpa)
Appearance -> Theme Options -> “Sidebars & Widgets” -> “Style WIDGETS”

Widget Title

font-size: 1.6em;
font-weight: bold;

I will add a few things

  • Reduce Title Size a Little
  • My Darkest Green
  • Change to Uppercase
  • A few other minor house keeping things

font-size: 1.2em;
font-weight: bold;
color: #205500;
padding: 0;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
padding: 4px;

Widget List Items
Widget List Items, 2nd level
Widget List Items, 3rd and lower level

Set the same as our Links Color. Set the little boxes two shades lighter (Use Dollar Bill Green!)

  • Left Border Color for Links  85BB65
  • Link Text Color 417721

Save changes

You’re Done With This!


Leave a Reply

Your email address will not be published.