White space at top of pages, how to reduce or remove this?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #7335
    JohnF
    Participant

    On all the pages of a Web site I am making, using Business Key, there are two white space areas.
    They are at the top of each page (except the home page that has the ‘slider’/hero images on it), under the header and above the page content (and there is a very thin line dividing this space into two parts).
    I would like to adjust the size of the white areas but can’t find a way to do it.
    I have put in ‘Additional CSS’ for other things so I kn ow about doing that, but can’t find a way to get to these white space areas.

    Can you help please?

    The site is: http://www.baylis.biz

    • This topic was modified 4 years ago by JohnF.
    • This topic was modified 4 years ago by JohnF.
    #7360
    Axle Support
    Moderator

    Can you please try following CSS?

    #main-navigation {
        margin-bottom: -80px;
    }
    #7396
    JohnF
    Participant

    Hi,

    Yes, that did it – well half of it. Looks better. I think I understand now. Thanks for your help.

    Out of interest I would like to know also how to reduce the whitespace at the top of the content area.
    You can see it on all the pages except the Home page. I’m thinking it must have some CSS id or class but can’t find out what it is.

    #7472
    Axle Support
    Moderator

    You can try #content for CSS rule.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.