Do things on the Web

28Jun/099

Removing borders in LightWord Theme

I've recently fallen in love with the LightWord WordPress Theme however one thing I do not particularly like is the way it put double borders around my links IE: Digg plugin images in my post. It made it look really ugly. If you are also not satisfied with the borders you can go ahead and remove them by editing your WordPress style.css file for LightWord theme. Before you do this make sure to backup your style.css file. Once you have done that you are ready to begin. Go to Appearance > Editor > style.css There are two lines in charge of this under the /*CONTENT*/ section they are:
#content-body table{border-bottom: 3px solid #DDD;border: 1px solid #DDD;}#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
#content-body table{border-bottom: 3px solid #DDD;border: 1px solid #DDD;}
and
#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
Since I wanted to get rid of the double borders around my image/links in my posts I modified those two lines to the following:
#content-body table{border-bottom: none;border: none;}
and
#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: none;border-right: none;}

I've recently fallen in love with the LightWord WordPress Theme however one thing I do not particularly like is the way it put double borders around my links IE: Digg plugin images in my post. It made it look really ugly. If you are also not satisfied with the borders you can go ahead and remove them by editing your WordPress style.css file for LightWord theme. Before you do this make sure to backup your style.css file. Once you have done that you are ready to begin. Go to Appearance > Editor > style.css There are two lines in charge of this under the /*CONTENT*/ section they are:

#content-body table{border-bottom: 3px solid #DDD;border: 1px solid #DDD;}

and

#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}

Since I wanted to get rid of the double borders around my image/links in my posts I modified those two lines to the following:

#content-body table{border-bottom: none;border: none;}

and

#content-body table td, #content-body table th{text-align: left;padding: .2em .4em;border-top: none;border-right: none;}