Fabrizio Posted June 24, 2022 Share Posted June 24, 2022 Site URL: https://hippopackaging.com/video I'd like to eliminate the Gray overlay on this page video https://hippopackaging.com/video Also would like the video to resize proportionally on mobile. At the moment you can see only the middle part on mobile. Thank you Link to comment
tuanphan Posted June 26, 2022 Share Posted June 26, 2022 #1. Add to Design > Custom CSS /* Video remove overlay */ body#collection-62a7b676976324300a753cd9 .Intro--has-image:before { background-color: unset; } #2. Use this CSS @media screen and (max-width:640px) { body#collection-62a7b676976324300a753cd9 { .Parallax-item iframe { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section.Intro { height: 200px !important; } .Parallax-item figure { transform: unset !important; top: 0 !important; bottom: 0 !important; } .Parallax-item { transform: unset !important; top: 0 !important; }} } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Fabrizio Posted June 27, 2022 Author Share Posted June 27, 2022 On 6/26/2022 at 1:13 AM, tuanphan said: #1. Add to Design > Custom CSS /* Video remove overlay */ body#collection-62a7b676976324300a753cd9 .Intro--has-image:before { background-color: unset; } #2. Use this CSS @media screen and (max-width:640px) { body#collection-62a7b676976324300a753cd9 { .Parallax-item iframe { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } section.Intro { height: 200px !important; } .Parallax-item figure { transform: unset !important; top: 0 !important; bottom: 0 !important; } .Parallax-item { transform: unset !important; top: 0 !important; }} } This worked perfectly, Thank you so much @tuanphan Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment