Re-working the Thesis framework to your own liking?
Well, if your doing a huge overhaul, you might want to get rid of the separator lines the default styling has included. This includes the sidebar lines, the teaser box lines, the comment lines.etc.
To get rid of these lines, while editing the css (you should be using the custom.css located in the custom folder of Thesis) input this code at the top:
.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;
}
.custom #content_box, .custom #column_wrap {
background: none;
}
This will effectively get rid of all separators, no matter the framework (page or full-width) or column amount / justification. Also, since you placed this code at the very top of the document, any border you might want to add in later will over-rule the top declarations. Good luck!
I'm a freelance web designer working out of 
{ 32 comments… read them below or add one }
We do something very similar at WP Bandit and I actually touch on this in a future tutorial. A must do IMO when customizing Thesis.
Jermaine’s last blog post..Thesis Theme Tutorial Part 1 Released
Haha agreed- I can’t stand the default borders on everything. I’ve probably still missed something.
Oh and PS: When I first got into skinning Thesis not too long ago your set of free skins were probably the only few I could really find anywhere. And the Thesis design at WP Bandit is one of the best yet IMO.
Hey Matt-
Just wanted to thank you for posting this. I have a very lightly modified version of Thesis on my site, but I’m using your code for a site I’m building.
Thanks for giving back to the Thesis community.
Best wishes, man. Cheers from Atlanta.
Willie Jackson’s last blog post..Google Friend Connect
Not a problem at all. Glad to be of some help.
Thank You! Yes I agree, removing the separator lines/borders is a must.
Unless I’m missing something, this actually doesn’t remove the border that runs on the bottom of the Nav.
[rq=44270,0,blog][/rq]My WordPress Got Hacked
@ Melissa
No, I didn’t include the nav line- because it didn’t really look right without it. But if your wondering, to remove the nav bottom line just use this code in the CSS:
.custom #tabs {
border-bottom: none;
}
Thanks for the comment!
at thesisthemes.com they had BARE THESIS SKINS too. they removed all border on thesis themes.
anyway, thanks for this thesis help. i need more thesis tutorial. already read 100 thesis tips at mattfiles.com?
p/s: don’t forget check out my blog, i’m wearing thesis too.. hee..
[rq=379646,0,blog][/rq](Pertandingan) Dapatkan eBook Percuma – How To Make Money With YouTube
@baloot
Yeah, I’m actually the maker of Thesis Bare. It has a lot more done to it then what I have above.
And yeah, Matt’s site was one of the first sites I read when getting into Thesis a couple months back. I’m doing some tutorials at Thesisthemes.com- if you have any ideas let me know.
hey matt, thanks for take a look at my blog..
whoa, actually i don’t know who made that thesis bare. damn, that was you. you did a great job out there matt.
well, speaking of ideas, i really need ideas how to make comments area just like copyblogger.com. take a look at his comment area here:
http://www.copyblogger.com/trust-agents/
do you know what i mean? when brian clark (copyblogger owner) comment, his comment area had image of COPYBLOGGER. how to do that? and copyblogger.com comment area also smart.
he is using this image on that of that comment area:
http://www.copyblogger.com/wp-content/themes/thesis/custom/images/comment_top.gif
and this for comment area for brian clark:
http://www.copyblogger.com/wp-content/themes/thesis/custom/images/comment_top_author.gif
did you know how to do that?
[rq=384710,0,blog][/rq](Pertandingan) Dapatkan eBook Percuma – How To Make Money With YouTube
Thanks. This is exactly what I’m looking for
[rq=700040,0,blog][/rq]Laughter Coaching
Hi,
Thanks for your post. I’ve been looking to get rid of those borders for some time.
Just wondering – the border that sits below my header is still there. Are you able to tell me how to remove this?
Thanks
[rq=1111901,0,blog][/rq]I Want!
@Georgia
Just remove the Feature Box. Go to Design Options in Thesis, and find Feature Box and change it do Do Not Use Feature Box
Whew, that was a life saver, or better yet a hair saver
Been pullin my hair out trying to get rid of those borders on the sidebars for several hours now, and your code did the trick, thanks alot for that post man! And thanks for helping us noobs out when it comes to Thesis, one day we can only hope to be masters of the Thesis like you 
Cheers,
Craig
.-= Craig´s last blog ..Supercharge Your BatchBook.com Web Forms =-.
wow….this code is amazing. This is what I am looking for dude. Your are a life saver man..!! Thank you for the amazing article.
rgds
VJ
You know how long I was looking for this tutorial, I love the theme but geez…very hard to customize. Right now it’s a love hate with this theme on my site. Actually I have a generic theme up just so I can customize in the background. I’ll stop back often, keep the tutorials coming, though this is for 1.5 and i’m running 1.7, it still helps thanks.
.-= Chazz Crable´s last blog ..New Guitar Hero Starring Gene Simmons =-.
Thanks! I keep coming back to this when I need to clear the pesky borders and stuff. Still works on 1.7.
Thanks Matt. This was very helpful. Another way that unwanted lines appear: I was recently helping someone with a site running Thesis 1.7 and they had moved the navigation menu under the header. They had de-selected the nav menu pages to display, but it still left a thin grey line between the header and the body, The solution was to change the nav menu border colour to the same as the background in Design Options.
Hi Matt.
I want to get rid of the footer area altogether,
so my theme gets a little thinner. Is this possible?
Hi Matt,
This tutorial was very helpful but I am looking for a bit more, I want to remove the border from category page, below the category name.
As when I go to a category page that page has the name of the category and posts you will see below the category.
Here is screeshot
http://m.friendfeed-media.com/ea97dd12ca7de1cd615627ac8be275d59392017a
Hi Matt,
This tutorial was very helpful but I am looking for a bit more, I want to remove the border from category page, below the category name.
As when I go to a category page that page has the name of the category and posts you will see below the category.
Here is screeeshot
http://m.friendfeed-media.com/ea97dd12ca7de1cd615627ac8be275d59392017a
HI Matt thank you, but my condition is otherwise, I want to the sidebar line of my thesis back, it’s suddenly dissapear after I modified the design_option.php and I can’t get it back, can you help me?
Hi Matt – I really appreciate your blog as I have gotten a lot of useful tips to get my site looking better. Just wondering if there’s any way you can get rid of the gray line/border around the Multimedia Box? Thanks – I appreciate your help!
Colleen – try this:
.custom #image_box img {
border: 0;
}
oh man – i just spent an hour trying to remove the gray line. thanks!!!!!!!!
Oh, I’m SO happy to have this code! Thank you!!
Thank you frustration is set aside!! Thanks again!
Hi Matt,
Remove the line below the header helped a lot.
Now I need to find a way to move the site title from below the header
up where it should be in the header. Ditto for the tag line.
Can you help with that?
Thanks for this helful post
Matt how about if you wanted to add separators in the Thesis sidebar.
Hi Matt, this is a great help. I still have one line below the multimedia box in the sidebar. Is there a code for that, too?
Many thanks!
Nice tutorial Matt thank you so much for this Post
Hi Dear,
I just wanted to thank you for posting this useful information. I have a very lightly customized version of Thesis on my site.
Thanks for generous back to the Thesis community.
{ 6 trackbacks }