Jump to content

How to add a border radius 10px (corner-radius) in a video I upload on my website

By Sheab, in Code Blocks

Go to solution Solved by Sheab,

Recommended Posts

Sheab Level 2

Sheab

Posted
Posted 


I am trying to put a round border on the video and tried this code bellow and it doesnt work


 #block-df45bbc957de1bd8c905.video-block .video-player{
padding-bottom:120%
;
 border-radius: 10px;
};

 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

Can you share link to page where you use video?

  • Solution
Sheab Level 2

Sheab

Posted
  • Author
  • Solution
Posted (edited)

Thank you so much!

 

The website: https://watermelon-puma-na8j.squarespace.com/

password:1303

Click=> 3d fashion then the video is the one with the blond lady. The first video I was able to apply corners with the code bellow:

 

#block-df45bbc957de1bd8c905.video-block .video-player {
padding-bottom:120%
;
};

.plyr__poster, video {
    border-radius: 30px !important;
};

 

 

 

Thanks again

Edited by Sheab
adding
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources