DillonBradley Posted October 3, 2023 Posted October 3, 2023 Hey, I am having trouble getting my video player to have rounded corners. I have had partial success it seems the player controls are rounded but the actual playback is not. I have included a screenshot so you should hopefully be able to see. The site is: https://www.dillonbradley.com/fios-tv Password: justfordill This is the code that I used up to this point: //Rounded corner video block// #block-yui_3_17_2_1_1673202071165_18469{ border-radius: 30px !important; } .video-player { -webkit-clip-path: inset(0px round 30px); clip-path: inset(0px round 30px); } many thanks!
Solution Ziggy Posted October 3, 2023 Solution Posted October 3, 2023 Try this Custom CSS: .video-player .plyr--video { border-radius: 42px; } DillonBradley and MarcWatson 2 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Ziggy Posted October 4, 2023 Posted October 4, 2023 1 minute ago, DillonBradley said: Perfect, this worked! Nice one! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment