Solved

Huge Padding below a video section - Dawn Theme

VinceLegentil
Tourist
8 0 0

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 😄

Accepted Solution (1)

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

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

.videoBackground {
    height: 11% !important;
}



View solution in original post

Replies 7 (7)

Zworthkey
Shopify Partner
5581 642 1565

This is an accepted solution.

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

.videoBackground {
    height: 11% !important;
}



VinceLegentil
Tourist
8 0 0

Hi!

 

Thanks for your reply!

Sadly it's blank and I cannot edit it.

Thanks

Untitled-1-01.png

Zworthkey
Shopify Partner
5581 642 1565

Kindly,
Refresh the page.

VinceLegentil
Tourist
8 0 0

Perfect thank you!!

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

Your help is greatly appreciated! 😄

VinceLegentil
Tourist
8 0 0

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

Maricella
Tourist
14 0 2

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

 

THANK YOU !

Maricella
Tourist
14 0 2

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"