So it took me probably 3 whole weeks to figure this puppy out.
No one on the forums at DIY got it, and I saw a ton of people asking how to do it.
So here is how to remove that tiny space between the header and the nav if the nav is below the header.
Go to your custom .css under appearance > Thesis custom styling, and add the following code:
.custom #header { padding-bottom: 0px; }
You can also remove padding all around the header top and bottom by just making all the padding 0 like this:
.custom #header { padding: 0px; }
Let me know if you have questions!
Similar Phoenix SEO,Web Design Phoenix and WordPress Designer Tips:
- Customizing Thesis Theme for WordPress 101 | How to upload your custom header. UPDATE this is only for versions of Thesis prior to...
- WordPress Designer Tip #3 How to Add Pics to Your Thesis Teasers Section Hey everyone, long time no blog post. I sure have...
- Best posts on from Feb 2010 The posts by WordPress Designer Rachael Butts are so numerous...
- Best posts on from Mar 2010 The posts by WordPress Designer Rachael Butts are so numerous...
- Best posts on from Jan 2010 The posts by WordPress Designer Rachael Butts are so numerous...
{ 20 comments… read them below or add one }
ahh!! you saved my nerves! bless you!
Awesome Roman! Glad it worked for you.
So in thesis open hook this is what I put in my header section –
white space is still there
what did i do wrong?
Sorry left a comment with my code but the coding didn’t show up – take two..
img style=”display:block;”img src=”http://rosedalerambler.com/wp-content/uploads/2010/06/header.png” width=”990″ height=”200″
Hi Malita-
I went to your site…looks like you got it….Looks good!
Your code looked fine, but it looks like you are not using Thesis, so Open Hook would not apply here .
I have worked with that theme though, good job!
It’s easier to add this line to custom CSS
.custom #header { padding-bottom: 0; }
Yep! you are correct, this was an old post for newbies who were uncomfortable accessing the custom file editor.
thank you so much for posting your fix!!! i spent 3 hours looking for the answer to this!!! you rock!!!
Thanks Karla!
Hi Rachel!
What about the line between the header and content box (my nav will be in the header). Is there a way to make it a different color?
Thanks!
Hi Belinda!
Can you send me a link?
Thanks!
Thank you very much Rachael!!! Had been trying to figure that out will little luck for a while. Actually ended up using the CSS line that Ziddy suggested in the comments on this post.
Awesome! I would do that too. This is more of newb post and kinda old :p
Glad you got it!
Do you have a secret on how to remove extra space AFTER the nav? Please see website. I want to remove about 10 pixels from underneath the nav. Although maybe it’s padding around my image?
Hi Rachael! After I posted I found the answer and thought I’d share it with you and your readers:
To remove space before a content box:
.custom #content_box {position: relative; top: -18px;}
: ) karla
Glad you got it Karla! Way to go!
I’m lost – This seems like what I want to do – I want to remove the line below the header and above the nav bar.
Where would I put your code? I don’t understand your notes. I
tried this
.custom #header { padding-bottom: 0; }
but did not help
Running thesis 1.8
thanks,
The images on your post are not displaying correctly, so we can’t see the code you propose.
Mind having a look?
Thanks!
Hi Wesley!
You would need to add a px after the 0
so it would be
.custom #header { padding-bottom: 0px; }
Hi Juliette!
I have actually updated the post. I no longer use Open hook, so you would add the new code in the post to your Thesis custom styling folder.