How to make the sidebar list dynamic to appear as cool blocks in Thesis Theme {video}

This tutorial shows how to make your sidebar lists appear as a colored block when you hover over it. Doing so will make your sidebar more dynamic.

See in HD on YouTube

This is the code,

li.widget ul li {
background:#FFFFFF;
display:block;
margin-bottom: 0;
margin-top: 0;
padding: 5px;}

li.widget ul li:hover {
background:#DDDDDD;
margin-top: 0;
margin-bottom: 0;
display:block;
padding:5px;
}

Enjoy!

Related posts:

1. How to add a stylish sidebar border in WordPress Thesis Theme {video}
2. How to add cool tumbnails on your blog using Thesis Theme Thumbnail option {video}
3. Make yellow highlighted links in Thesis Theme {video}
4. How to remove Page Title on wordpress blog using Thesis Theme {video}
5. Video – Tamal shares: Do you really have to use Thesis Theme?
6. How to optimize SEO with Thesis built in Theme Options {video}

Tagged as: colors, css, custom css, sidebar, sidebar list