How can I remove the image overlay from a video in Dawn 5.0?

Store Design
,
1

Hi All,

I replaced the banner image with a video by adding some code to my theme. I used the following code: https://docs.google.com/document/d/1gJV9QoF_KAYde7xr3eA9eRge0XnnUIMKKbM-8BmICq4/edit. Since it now thinks there is no image present, it places the standard banner overlay on top of the video. Is there a way I can remove some code or turn this off? I am using Dawn 5.0

Please see the picture attached to see what I mean.

EDIT: Managed to remove it by uploading a transparent image as image 1

Schermafbeelding 2022-11-11 om 12.44.35.jpg
Schermafbeelding 2022-11-11 om 12.44.35.jpg2092×1036 283 KB

Thanks in advance!

2

Hi @120thomas

This is GemPages - A powerful Page Builder. May I know your URL store and store password (if your store has password protected)? I hope to give you the best solution :grin:

Kind & Best regards!
GemPages

3

@120thomas

Can you share your store url and the store password (if any)? then I can review

4

The url is: tmworks.cc and password towyum

We currently experience an issue with the button on mobile devices. When watching from a smaller mobile phone, half of the button falls off.

5

Hi @120thomas

You can try follow this path:
Themes => edit code => asset => section-image-banner.css
and add this code to bottom of the file section-image-banner.css

@media(max-width: 749px){
.video-background video {
height: 100%!important;
object-fit: cover!important;
}
}
6

Hi @ExpertRookie

This seemed to do the trick! Thank you so much :slightly_smiling_face: