Liquid, JavaScript, themes, sales channels
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 😄
Solved! Go to the solution
This is an accepted solution.
Hii, @VinceLegentil
Paste this code on top of the base.css file.
.videoBackground {
height: 11% !important;
}
This is an accepted solution.
Hii, @VinceLegentil
Paste this code on top of the base.css file.
.videoBackground {
height: 11% !important;
}
Hi!
Thanks for your reply!
Sadly it's blank and I cannot edit it.
Thanks
Kindly,
Refresh the page.
Perfect thank you!!
the code worked but sadly the other sections are now on top of it.
Your help is greatly appreciated! 😄
Would it work by changing the percentage of the code you suggested to copy?
spent 3 hours going through every page trying top change the height - you solved my problem in 3 minutes.
THANK YOU !
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"
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024