Hi there,
I'm trying to find a solution to add rounded corners to embedded videos on blog posts. I've tried this code from another post but it doesn't do anything.
.video-player .plyr video {
object-fit: cover !important;
border-radius: 10px !important;
}
The only other current custom CSS I have is for rounded corners on images
// This adds a radius to most of the images
.products .grid-image-wrapper,
.image-block-wrapper,
.ProductItem-gallery-slides-item.selected,
.sqs-gallery-design-grid-slide .image-slide-anchor
.image-overlay { border-radius: 12px; }
// This adds a radius to the images when under a colored field
img {
border-radius: 12px;
}
// This adds a radius to the BLOB/article images
a {
border-radius: 12px
}
#block-f78dddc9ce7dffab4822 iframe {
border-radius: 15px;
}
Any help would be much appreciated!
URL: https://bulldog-grapefruit-sym2.squarespace.com/archive/blog-post-title-one-snnxx-nadmb-sk4z2-kbsy9-6exdp
Pass: bfJVV%%sB5