LabJT Posted July 28, 2023 Posted July 28, 2023 (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, 2023 by LabJT add url
tuanphan Posted July 29, 2023 Posted July 29, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
LabJT Posted July 31, 2023 Author Posted July 31, 2023 (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, 2023 by LabJT
Solution tuanphan Posted August 2, 2023 Solution Posted August 2, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
LabJT Posted August 2, 2023 Author Posted August 2, 2023 (edited) @tuanphan My hero! Thank you so much. Edited August 2, 2023 by LabJT tuanphan 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment