If you have every mucked about trying to work out how to remove one or more of those pesky grey lines or those horrible double grey lines that come standard when you unpack Thesis Theme (“Sorry Chris…but they are annoying!”) then you need to know the following snippet of code.
Do not forget to save this code somewhere handy so you can find it again!
Where is the code?
Head on over to MattHodder.com and copy and paste his 9 lines of code – yes only 9 lines condensed nicely for you to help you kill the grey lines. I wish I had thought of this myself.
About the Nav Bar Line…
Matt’s code snippet doesn’t get rid of the grey line below the nav bar. If you want to get rid of this you’ll need to add the following to your custom.css file:
.custom #tabs {
border-bottom: none;
}
Free Skins for your Thesis Theme
Matt and his brother also design Thesis Theme skins over at ThesisThemes.com. Check out their skins and their blog while you’re at it. There have some useful tips and provide interesting insights into their activities…
All our skins now include a separate options panel to do things like manage ad boxes or update your Twitter user-name right from the WordPress back-end without any need of modifying the custom_functions.php file!
More Free Thesis Theme Skins
I have just put links to many free Thesis Theme skins and a few premium skins into another post.
{ 29 comments… read them below or add one }
Some very nice Thesis Themes on that page, thanks for the link. I’ll need to drill a bit further down into the themes and see if I can find something interesting for my blog. I’m soon switching to Thesis, just waiting for the designer to finish my new top header :)
.-= Klaus @ TechPatio´s last blog ..TechPatio Is A “Do Follow” Blog – Spreading The Link Love For Free =-.
Those skins look great !! Thanks
I definitely enjoy your blog!
This is the first time I’ve read about this. I keep learning new things everyday!
skins are looking so different & attractive
it is also my belief to keepthe skin then to keep border i like your post and advice
border looks more attractive then using the skins don’t you think so?
What a wonderful sknins it gives different look thx to sharing
where i will get the free skins for thesis
.-= Alternative Energy´s last blog ..LinuXploit_crew =-.
Nice skin i would like put these all skins in my desktop & i will cheng it daily thx tos share a coooool post
Good post i have really like your post. But i think border and skin will look much better.
I used your code to get rid of the nav bar line. I didnt like how it looked. I restored the pre-change css file, and it still is missing. Do you need to insert code to bring it back? Thanks!
.-= Jonathan Garro´s last blog ..Interesting Baby Names and a Korean Kickball Showdown =-.
It should refresh after you clear your cache and you are certain your code was altered and saved. Sometimes Thesis OpenHook doesn’t work and you have to go to your custom.css file on your server/cpanel.
Thesis OpenHook doesn’t work and you have to go to your custom.css file on your server/cpanel.
I restored the pre-change css file, and it still is missing. Do you need to insert code to bring it back? Thanks!
If you remove the additional code in your css file (via cpanel as Thesis OpenHook may not work – I uninstalled it on this site) the defaults should bring it back. Make sure you deleted the code and not just commented it out. Check you didn’t paste it twice (I’ve done that before). I don’t have a link to your Thesis site so I can’t view your css file to check.
nice posting thank you
Awesome. I was looking for a simple and nice skin for my work. This would be awesome. Thanks. Cheers
Any ideas of how to make the double grey line stay but as a single line? Instead of removing them completely?
.-= Brian´s last blog ..Veckans låt/ar 7-9 =-.
It depends which line you are referring to. If you want to make the double grey line a single under your archive pages you adjust the css with a .custom before it, and change the border-bottom 2px solid to 1 px or 2px and remove the solid or replace solid with dotted. You can also change the colour by adjusting the #ddd to whatever colour you would like. Here is the archive_info line of css with a .custom before it to add to your custom.css file. Change what comes after border-bottom: to make it how you want it.
.custom #archive_info { border-bottom: 2px solid #ddd; }
If it is a specific line you can install the Firefox addon Firebug and use it to see the css for a particular part of the page.
I couldn’t see Thesis site off your comment luv post to provide more accurate advice.
Thank you for the reply and info. I was thinking about the double lines below the header.
I’m in the middle of transferring my blog from Blogger to Wordpress (and Thesis).
Just building a new WP site using Thesis & Openhook. Something of a newcomer to these tools.
CLient’s agency has given me a brief to work to. I need to remove the nav bar line as per your instruction:
.custom #tabs {
border-bottom: none;
}
I’ve pasted it into the custom.css file, but it’s still showing.
Can you give me any further instructions?
Thanks
PS – good site. I’ll be a regular as I get used to WP & Thesis over the coming week
Try
.custom .menu, #nav_area {
border-bottom: none;
}
these are very informative and it sure can help people who are not code familiar to handle wordpress.
Thank you, this is what i looking for because i am new with thesis
Nice tip. I will definitely try this trick.
i need to customize my comment area. do you have any code for that?
Damn .. you were right :) thanks for the “how to” mate .. cheers !
Thanks Somone – got it working ! But how can I add in the line to the left of the “home” button in the nav menu ? As my menu was originally to the left, which I moved to the center of my page, but now, the left border for the nav menu is missing ?
Not quite sure what line you’d like to add. Suggest you head on over to http://MattHodder.com and ask Matt.