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;}
July 6th, 2009 - 14:43
Hello, can you please post some more information on this topic? I would like to read more.
July 6th, 2009 - 20:41
I’d be happy to. What type of information are you specifically looking for ?
August 22nd, 2009 - 18:09
Unfortunately from what I can tell your guide doesn’t address the current version of Lightword. I couldn’t find a match to the two lines you posted in any of the style.css file. Just to give you an idea the current version’s content section looks like this
/* CONTENT */
#content-body ul,#content-body ol{margin:15px 30px;font-size:12px;}
#content-body ul li{list-style:circle;margin-bottom:4px;}
.hentry{min-height:150px;height:auto!important;width:550px;margin-bottom:1em;}
.sticky h2 a{color:red;}
.comm_date{background:transparent url(images/date_comm_box.png) no-repeat;height:100px;width:57px;position:absolute;display:inline-block;text-align:center;margin:0 0 0 -72px;z-index:2;}
.only_date{background:transparent url(images/data_box.png) no-repeat !important;height:67px !important;}
* html .comm_date{margin-top:10px;} *+html .comm_date{margin-top:10px;}
.comm_date .data{margin-left:-1px;padding-top:10px;display:block;font-weight:700;text-transform:uppercase;letter-spacing:-1px;}
.comm_date .nr_comm{padding-top:14px;color:#FFF;display:block;font-weight:700;}
.comm_date .nr_comm_spot, .comm_date .dsq-comment-count{display:block;margin:0 9px 0 8px;padding:6px 0 5px 0;}
.comm_date .data .j{font-size:24px;display:block;}
.nr_comm a{color:#FFF;text-decoration:none;}
.cat_tags{background:#FFF url(images/tags_category.png) no-repeat;width:550px;margin-top:10px;padding:8px 10px 5px;}
.cat_tags_close{background:#FFF url(images/tags_category.png) no-repeat 0 -81px;max-height:3px;height:3px;width:550px;margin-bottom:20px;}
.cat_tags .continue{float:right;padding-right:18px;width:100px;text-align:center;}
.cat_tags .category{float:left;width:400px;}
.cat_tags a,.cat_tags .continue a{color:#2C2C29;}
.cat_tags a:hover{color:#ACACAB;}
* html .cat_tags{padding:9px 8px 0;margin-bottom:-3px;}
*:first-child+html .cat_tags{padding:9px 8px 0;margin-bottom:-3px;}
August 22nd, 2009 - 18:16
BTW,
Under the BASIC section of lightword’s style.css chaning
img,img a{border:1px solid #EEE;padding:2px;margin-left:-2px;}
to
img,img a{border: none;}
Seems to do the trick. I know, that must seem obvious to everyone, but I never mess with CSS normally.
August 25th, 2009 - 23:18
No problem Furluge, thnx for the update.
January 25th, 2010 - 07:30
Hi,
I ‘d like to change the width of my blog.
Could you help me ?
I can’t find where changing the css.
Thanks !
January 27th, 2010 - 04:04
This isn’t really related to the Skype tutorial however I do help with multiple things on this blog. I don’t yet have a post on how to modify this theme by changing the width. In the future if you can’t find it posted send me a direct email from the Contact option
However to answer your question. You can do this two different ways. Both involve doing lots of editing and testing. You can do it from inside WordPress from under: Appearance > Editor > Stylesheet Or if you know how to browse to your WordPress theme directory the file you need to edit is style.css In this file I would recommend searching for “width” and then modifying what each instance is equal to one at a time. After go to your blog and refresh: ctrl+r and try to figure out what width setting you just adjusted. Since the position of all elements affects the look of the blog you will have to change multiple widths not just the main column width. You will see how much of a pain it is once you start. Before you start however do yourself a favour and backup the contents of that file 
June 25th, 2010 - 06:33
I have problem with duplicate photo on the post. Im using the Lightword theme
for AMAzon. How can I remove 1 photo.
thx
edsel
June 29th, 2010 - 15:21
@edsel
I’ll email you directly.