Bedford template - Reduce blank space between banner and page content

I'm just trying the Bedford template, which I like a lot. However, the banner is way too large, and there is a lot of blank space between the banner and the actual page content.

Is it possible to either to adjust either the banner size (height) or reduce the amount of blank space? I can't find seem to find any site style to do either.

Thanks,

Ivan

I was able to reduce the space between the banner and text using the CSS below, but I'm still looking for help on reducing the banner height. 

main#page { padding-top: 20px; }

Thanks,

Ivan

Can you share site url? We can check easier

Try adding this to custom css to reduce banner height:

 .banner-thumbnail-wrapper {padding: 180px 0 155px !important;}

Hi J9leepea,

Thanks! Works great! I used padding = 125px 0 85px as that works better for me!

Ivan

Hello, I would like to use this code injection to reduce the banner height. Do I simply insert it into the Custom CSS box? Cheers, Peter

On 3/8/2023 at 6:20 PM, PeterFromLondonUK said:

Hello, I would like to use this code injection to reduce the banner height. Do I simply insert it into the Custom CSS box? Cheers, Peter

Yes. Add it to Design > Custom CSS