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!
{ 5 trackbacks }
{ 15 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.
Melissa´s last blog ..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..
baloot´s last blog ..(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?
baloot´s last blog ..(Pertandingan) Dapatkan eBook Percuma – How To Make Money With YouTube
Thanks. This is exactly what I’m looking for
Haroun Kola´s last blog ..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
Georgia´s last blog ..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