Reduce Spacing Between Header and Content

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

  • Avatar: frank19
    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:

    Screenshot

    8 Answers
    Avatar: Robert Hall
    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

    Avatar: tomkent2005
    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

    Avatar: Robert Hall
    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

    Avatar: tomkent2005
    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.
    Avatar: Robert Hall
    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

    Avatar: tomkent2005
    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;
    }

    Avatar: tomkent2005
    Tom Kent
    Participant
    May 6, 2016 at 13:02

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

    Avatar: Eva
    Eva Kemp
    Support staff
    May 6, 2016 at 14:01

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Reduce Spacing Between Header and Content’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.