I'm having trouble getting rid of a pesky border on my website. If you check out http://survivingjapan.com You'll notice that there's a thin white line separating the main content area and the sidebar, I've tried everything I can think of to get rid of it and unfortunately nothing has worked so far. I've gotten rid of a lot of other borders in my theme (Thesis 1.7), but I just can't get rid of this one no matter what I do Here's what I have so far in my custom.css .custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list { border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px; } Code (markup): I'm completely out of ideas, can anyone help me?
There is no "border" property; that appears because one of your css file (location: http://survivingjapan.com/wp-content/themes/thesis_17/custom/layout.css?060610-200635) has the below style #content_box { background:url("../lib/images/dot-ddd.gif") repeat-y scroll 63.4em 0 transparent; width:100%; } that background image is the culprit. Remove the background your layout will not have that border any more.
Ever wanted to get rid of that annoying border around your Header on you Blog? It is super easy! Step #1: Go to your Layout Page and Select "Edit HTML" Step#2: Find the following Code and change the border from 1px to 0px. Make sure that you do it in both places. Step #3: Click Save Template...............And........It's Finished! No Border!