Blog

Blog Updates

Remove all borders in Thesis 1.5

May 27, 2009 · 44 comments

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!

{ 36 comments… read them below or add one }

Jermaine June 1, 2009 at 3:20 am

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

Reply

Matt June 1, 2009 at 4:54 am

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.

Reply

Willie Jackson June 1, 2009 at 11:52 pm

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

Reply

Matt Hodder June 1, 2009 at 11:56 pm

Not a problem at all. Glad to be of some help.

Reply

Chris June 5, 2009 at 11:26 am

Thank You! Yes I agree, removing the separator lines/borders is a must.

Reply

Melissa June 19, 2009 at 3:23 am

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

Reply

Matt Hodder June 19, 2009 at 2:16 pm

@ 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!

Reply

baloot August 19, 2009 at 7:51 am

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

Reply

Matt Hodder August 19, 2009 at 10:37 am

@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.

Reply

baloot August 19, 2009 at 5:06 pm

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

Reply

Haroun Kola September 23, 2009 at 8:27 am

Thanks. This is exactly what I’m looking for 🙂
[rq=700040,0,blog][/rq]Laughter Coaching

Reply

Georgia November 6, 2009 at 9:21 pm

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!

Reply

Matt Hodder November 6, 2009 at 10:23 pm

@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

Reply

Craig January 19, 2010 at 5:55 am

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 =-.

Reply

VJ February 1, 2010 at 2:13 pm

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

Reply

Chazz Crable June 10, 2010 at 12:22 pm

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 =-.

Reply

Oscar Gonzalez August 21, 2010 at 2:52 pm

Thanks! I keep coming back to this when I need to clear the pesky borders and stuff. Still works on 1.7.

Reply

Make Websites August 22, 2010 at 1:45 pm

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.

Reply

Janus October 5, 2010 at 8:56 am

Hi Matt.
I want to get rid of the footer area altogether,
so my theme gets a little thinner. Is this possible?

Reply

Madhav Tripathi October 15, 2010 at 10:39 am

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

Reply

Madhav Tripathi October 15, 2010 at 10:40 am

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

Reply

Jamey October 21, 2010 at 1:06 am

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?

Reply

colleen joyce pontes November 16, 2010 at 12:51 am

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!

Reply

Melissa January 14, 2011 at 4:29 am

Colleen – try this:

.custom #image_box img {
border: 0;
}

Reply

tiana April 20, 2011 at 12:24 am

oh man – i just spent an hour trying to remove the gray line. thanks!!!!!!!!

Reply

Sherri May 4, 2011 at 9:35 pm

Oh, I’m SO happy to have this code! Thank you!!

Reply

Chavon Riggins Smith January 1, 2011 at 1:07 am

Thank you frustration is set aside!! Thanks again!

Reply

Clyde June 24, 2011 at 1:47 pm

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

Reply

George E Kennedy Jr September 4, 2011 at 2:08 pm

Matt how about if you wanted to add separators in the Thesis sidebar.

Reply

Kevin December 8, 2011 at 8:19 am

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!

Reply

Avinash January 8, 2012 at 10:18 am

Nice tutorial Matt thank you so much for this Post 🙂

Reply

Free Classified sites January 11, 2012 at 3:50 pm

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.

Reply

Pubudu February 8, 2012 at 12:39 pm

Thanks Matt

Reply

CheapnFrugal March 1, 2012 at 4:10 pm

Hi, I just started using thesis and I was beating my head looking for this. Thank you so much for helping me remove those pesky lines.

Reply

Caleb August 22, 2012 at 4:44 pm

Hey Matt, your site has been a lot of help. I am in the process of making my website, but for some reason when I make changes to my custom.css file and save it nothing happens. I have checked the “Enable stylesheet” box and my custom_functions work fine. I was hopping you could help me find the root of my problem. Thanks

Reply

Moe Profane April 21, 2013 at 5:48 pm

Thank you for that. I’m not at all sure why that worked. But it did. That pesky thing was impossible for me to track down. This was a big help.

Reply

{ 8 trackbacks }

Leave a Comment