Changing Link Decoration

[brianwong]

Hi guys,

I am using the Super Adsense Review theme on my blog and I really like it.

I want to change the link decoration such that it will display a light blue with a dotted line below each link. I want to model it after www.johnchow.com

Does anyone know how to modify the CSS to create this effect? I think it has something to do with using a transparent and tiny image as the underline. Any expert help here will be much appreciated.

My blog is at http://brianwong.com

[nekonron]

I assume that you want to change the links at the sidebar, so I'll paste the sample css codes for that, although you can actually apply it for other links as well:

#sidebar ul li a {
color:#666;
border-bottom: 1px dotted #207dd4;
margin:0;
}

#sidebar ul li a:hover {
color:#3000EF;
margin:0;
border-bottom: 2px solid #2F78BF;
}

"color" refers to the color of your link
"border-bottom: " is how you want your line underneath the link to be like. The code goes like this:

size (i.e. 1px) style (dotted or solid) color code

[brianwong]

Thanks a lot. It works - check out the post links at http://brianwong.com

Will it break anything if I make the post font larger? How to I make the font 1 point larger? Thanks for your help.

[nekonron]

Changing your post font size should not have any negative effect on your blog. In your css file, look for #content and change the font-size:12px; to 13px or any other size you want.