Return to previous page

Reduce Spacing Between Header and Content

This topic has 9 replies, 4 voices, and was last updated 8 years, 7 months ago ago by Eva Kemp

frank19

Participant

April 28, 2016 at 03:12

How do I cut down the spacing between the header (navigation bar) and content?

See screenshot here:

#123265 Copied

8 Answers
Robert Hall

Support staff

April 28, 2016 at 07:15
Hello,

Please add this code in Theme Options->Custom CSS->Global Custom CSS.
```
.content-page,
.page-content {
    margin-top: 0px;
}
```
Regards,
Robert Hall
#123271 Copied
Tom Kent

Participant

May 4, 2016 at 22:27

Robert,

I have checked the “Enable Custom CSS file on the Blanco settings page. I believe this created the default.custom.css file. I am unclear as to what this means on the Blanco settings page after checking:

Enable this option to load “custom.css” file in which you can override the default styling of the theme. To create “custom.css” you can use the file “default.custom.css” which is located in theme directory.

How am I getting to Global Custom CSS?

Thanks,
Tom

#124070 Copied Theme version: Blanco

Robert Hall

Support staff

May 5, 2016 at 07:42

Hello @Tom Kent,

The Blanco theme hasn’t the Global Custom CSS option. You should use the custom.css file to override the default styling of the theme.

Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall

#124091 Copied

Tom Kent

Participant

May 5, 2016 at 22:36

Robert,
I have added your code to the custom.css file in the editor. Unfortunately nothing changes.
Could you please take a look.
Thanks,
Tom

Please, contact administrator
for this information.

#124296 Copied Theme version: Blanco
Robert Hall

Support staff

May 6, 2016 at 07:19
Hello,

I’ve added this code in custom.css file. Please check now.
```
.header-images {
    margin-bottom: 0px;
}
```
Regards,
Robert Hall
#124303 Copied
Tom Kent

Participant

May 6, 2016 at 12:59

Yes! This does help. Can I reduce even more by entering negative spacing, for instance:

.header-images {
margin-bottom: -50px;
}

#124441 Copied

Tom Kent

Participant

May 6, 2016 at 13:02

No need to answer. This solved my spacing issues. Thanks Robert!

#124445 Copied

Eva Kemp

Support staff

May 6, 2016 at 14:01

Hello,

You’re welcome.

Regards,
Eva Kemp.

#124466 Copied
Tagged: content, header, reduce, spacing, theme, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)