removing the padding on bottom of header

[Owen Rasmussen]

I’m having a hard time knowing what element to tag to do this. I have a neat little mountain logo and I would like to have the content “disappear” right into it. I could do this by removing the padding from the header but when I tried to use some developer tools to figure out what css element to adjust there seems to be a bit of spacer there that I’m not familiar with. What do I need to edit to make this work? Can I just add it into the custom css box?

Owen

[Bill Robbins]

Hi Owen,

You can take out that space. It’s mostly in the padding on the logo element. Here’s how to change it:

1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
2. From the tabs at the top, choose the Advanced one.
3. Scroll down to the Custom CSS box and add this:

   
   #logo {
   	padding-bottom: 0;
   	margin-bottom: -6px;
   }
   

4. Save your changes.

That should take out the padding and also pull the logo down towards the edge. If it doesn’t do the trick, let me know.

Bill

[Owen Rasmussen]

Thanks Bill. It worked great.

[Author]

Posts