I am certain that I've overlooked something obvious. But after substantial time rooting around in the theme options, I can't figure out how to get rid of the extra space at the left and right at the very top of the header (left of the logo and right of the search bar). You can see what I'm referring to here.

Thanks for any pointers about how to get rid of the extra space.

With the logo, are you looking for the text to align with the edge of the tree image? It looks like your actual logo image file includes that space. You could either upload a new image file with the logo flush left in the file, or you could use a negative margin to move the exiting image over. -10px for the left margin should do it.

For the search, you've got a margin going on:

div.searchbox-form {
margin: 5px 10px 5px 10px;
}

You're right about the image file -- since the margins at left and right were more or less symmetrical, I (incorrectly) assumed that it was a padding issue. Thanks for setting me straight.

However, I am not sure why the search box is styled with a margin. Here's what I have listed in the "style the search box" field in Atahualpa:

border: none;
border-bottom: 0;
width: 200px;
margin: 0;
padding: 0;

Andrew

That box is dealing with a different "layer" of the code. You've got to change the margin I pasted before.

Go to the "Add HTML/ CSS Inserts" section and paste this in the "CSS Inserts" box:

div.searchbox-form {
margin: 5px 0px 5px 10px;
}

If that doesn't work after a hard refresh, you could add an "!important" a la:

div.searchbox-form {
margin: 5px 0px 5px 10px !important;
}

or you could use the built in section for the search box styling at ato-> Style & edit HEADER AREA
->Search box

Originally Posted by juggledad

or you could use the built in section for the search box styling at ato-> Style & edit HEADER AREA
->Search box

Thanks, Juggledad. I've already tried that, unfortunately. I have it set as I describe above, but I'm still getting the padding.