LabJT Posted July 28 Share Posted July 28 (edited) See the url. I would like the video at the top to fill the given container and to match the rounded corners across the rest of the site. This is what I am using so far that got the video close to filling the container: .video-block .video-player{ padding-bottom:45% } I have no idea whether this is the right way to go about it. Thanks for any help! Edited July 28 by LabJT add url Link to comment
LabJT Posted July 28 Author Share Posted July 28 https://www.nmwealthadvisors.com/home-3 Link to comment
tuanphan Posted July 29 Share Posted July 29 To make video round corner, try adding this to Design > Custom CSS /* Round video */ .video-player .plyr .plyr__controls:before {display:none!important;} .plyr__video-wrapper video, .plyr__video-wrapper {border-radius:20px !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
LabJT Posted July 31 Author Share Posted July 31 (edited) @tuanphan Thanks. That worked, but there is still a hard "corner" where the curve meets the edge. This make me think the video is not filling the block all of the way. Ideas how to fix? Edited July 31 by LabJT Link to comment
Solution tuanphan Posted August 2 Solution Share Posted August 2 On 7/31/2023 at 10:01 PM, LabJT said: @tuanphan Thanks. That worked, but there is still a hard "corner" where the curve meets the edge. This make me think the video is not filling the block all of the way. Ideas how to fix? Add this CSS under .fe-64931403881ade65a25dbee4 .plyr__video-wrapper video, .fe-64931403881ade65a25dbee4 .plyr__video-wrapper { border-radius: 20px !important; width: 100% !important; height: auto !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
LabJT Posted August 2 Author Share Posted August 2 (edited) @tuanphan My hero! Thank you so much. Edited August 2 by LabJT tuanphan 1 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