Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23650

    I’m using the Hifidel design, and there is a huge gap at the bottom of the header section that I cannot figure out how to eliminate or reduce.  I’m in the process of building my site at http://capitalmemoirs.com/, and I have reduced all the space at the top of the body of the pages, but there is still a large gap between the body and the header content because of this large empty space at the bottom of the header section.  If there is no way to reduce it using the built-in options, can you point me to where and what specifically i can edit in the code files to shrink this space?  Thank you so much for any help you can provide.

    #23652
    BoldGrid Support
    Keymaster

    Hi, Peter.

    Thanks for posting your question regarding reducing the bottom margin of the header section in the Hifidel Inspiration. Using the Custom CSS Editor in the Customizer, you can add the following code:

    .widget {
    margin-bottom-75px;
    !important;

    }

    This code will override the CSS (avoiding theme updates overriding your changes in the theme files) and reduce the bottom margin of the Widget element. Be sure to check your other pages/widgets to ensure this does not conflict with their appearance as well. I hope this helps!

    Sincerely,
    Carlos E

    #23651

    Worked like a charm, thanks a ton!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How can I reduce the space below the header?’ is closed to new replies.