Adjusting blank space between top banner on top of page to website logo.

(4 posts) (3 voices)

Tags:

No tags yet.

headfonia
Member

I tried using a CSS inspector tool to find out how to reduce the blank space between the banner on the top of the page to the page title/logo, but I can't find the correct parameters to do it. Can you help me?

The website is at http://www.headfonia.com.

Thanks.

Posted 11 months ago #
rakka1988
Member

#container { padding: 0 0 20px 0; }

Posted 11 months ago #
headfonia
Member

Thanks Rakka, but I think that is not the right one.

I managed to do that by making the top margins of the headerfeatures and searchcontainer to 5px.

#headerfeatures { float:left; margin: 5px 0 10px; }
#searchcontainer { float:right; margin: 5px 0 10px; }

Posted 11 months ago #
vfxdude
admin
use Firebug! it's then easy to see where the margins/padding are set and copy it into the child theme stylesheet to override the default.
```
.widgetspace-top {
    margin-bottom: 0;
    padding: 10px 0;
}
```
Posted 11 months ago #

Reply

You must log in to post.