Black Borders appearing on Top Banner

Anonymous
May 28, 2026 at 6:22 pm

Hi,

I have added a Video Banner to the top of my Home Page, which is working great. However, when I narrow the browser window I get a dark border appear at the top and the bottom of the Video banner.

I’ve tried adjusting the Min Height and this doesn’t help. I’ve adjusted the Top and Bottom Padding, but this doesn’t help either. I am assuming this is another GB V2 quirk that I am not aware of. Please can you let me know how to address this.
Alvind
May 28, 2026 at 8:33 pm

Hi Brag,

The site is currently in maintenance mode, so I’m unable to view the issue. Could you temporarily disable maintenance mode?
Anonymous
May 28, 2026 at 9:39 pm

So sorry, try now
Alvind
May 29, 2026 at 2:20 am
In this CSS:
```
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
```
Try changing object-fit: cover; to object-fit: none;:
```
video[poster] {
    object-fit: none;
    width: 100%;
    height: 100%;
}
```
That should prevent the video poster image from being cropped.
Anonymous
May 29, 2026 at 4:18 pm

Thanks Alvind
Alvind
May 31, 2026 at 6:19 pm

No problem!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.