Huge Padding below a video section - Dawn Theme

Technical Q&A
1

Hi,

I have added a video section in the Dawn theme but sadly when I slide the section to the top of the page it creates a huge gap below it.

Somehow it doesn’t cause an issue if it’s at the bottom of the page or the last section.

https://afegxt2eio248dmk-1497235556.shopifypreview.com

Is there a way to fix this please.

Thank you :grinning_face_with_smiling_eyes:

2

Hii, @VinceLegentil
Paste this code on top of the base.css file.

.videoBackground {
    height: 11% !important;
}
3

Hi!

Thanks for your reply!

Sadly it’s blank and I cannot edit it.

Thanks

Untitled-1-01.png
Untitled-1-01.png3539×1801 53.6 KB

4

Kindly,
Refresh the page.

5

Perfect thank you!!

the code worked but sadly the other sections are now on top of it.

Your help is greatly appreciated! :grinning_face_with_smiling_eyes:

6

Would it work by changing the percentage of the code you suggested to copy?

7

spent 3 hours going through every page trying top change the height - you solved my problem in 3 minutes.

THANK YOU !

8

when applying this to the base file it changes the padding for my main page video causing everything to overlap. any suggestions?

the page i am trying to fix w/o disrupting my homepage layout

https://travelzenclub.com/pages/universal-studios-parks-and-resorts

this is the code i am showing in the page.json file but when i try to add your code it wont accept it, i tried following the format “video-background” : “height: 20%”, but this does not change anything even when refreshing

"16550293702ac11e5f": {
      "type": "video-background",
      "blocks": {
        "16550293708a218394-0": {
          "type": "video",
          "settings": {
            "video_link": "https:\/\/cdn.shopify.com\/s\/files\/1\/0587\/2556\/4554\/files\/Universal_resized.mp4?v=1655011567",
            "video_image": "shopify:\/\/shop_images\/Universal_Resized.jpg",
            "overlay_opacity": 0,
            "title": "",
            "text": "",
            "color_text": "#ffffff",
            "button_label": "",
            "button_link": "",
            "color_btn_bg": "#ffffff",
            "color_btn_text": "#ffffff"