Reduce gap between top navigation bar/site header and content below - Bedford template

Hope someone can help!

Re-building my website in the Bryant template from the Bedford family and I'm struggling with a large gap between the bottom of the site header/horizontal nav bar and the first bit of content which sits below it (its fine on the homepage, but all other pages there's a large gap - see attached pics). Can someone advise if there's a way to reduce this gap?

Thanks!

Paste the code below into your custom css area, after any other code that may already be there. 

body:not(.homepage) div#mainContent {
    margin-top: 0px !important;
}

Then tweak the margin-top value  It should affect all pages except the homepage. 

5 hours ago, colin.irwin said:

Paste the code below into your custom css area, after any other code that may already be there. 

body:not(.homepage) div#mainContent {
    margin-top: 0px !important;
}

Then tweak the margin-top value  It should affect all pages except the homepage. 

Hi Colin,

Thanks for the response. When I paste that code in nothing at all happens. I've tried pasting it as the only bit of custom CSS in the box, tried pasting it and adjusting the px value, but nothing I do result in any visible change to the pages.

I re-building my website in a trial account to get it all right before I apply my changes to the live site, but all other custom CSS I've inputed works so can't imagine its because I'm in a trial site??

Have pasted it exactly as you have it in your message (see attached).

Am I doing something wrong??

Thanks!

Amended code below. This should work. 

body:not(.homepage) #page {
  	padding-top: 0px !important;
}

Amazing thanks!

On 10/28/2019 at 4:20 AM, colin.irwin said:

Amended code below. This should work. 

body:not(.homepage) #page {
  	padding-top: 0px !important;
}

 

How can I do this same thing but for the home page in Bryant?