Videos in product description not having rounded corner while all other pictures and images do

Shopify Discussion
1

Hello,

All of my Pictures on my site have rounded corners (26px) and a border of (5px). I for some reason cannot get the videos to add it and would like my videos to match.

I am using the ride theme and it does let me control it in the media section in the theme settings. Just does not cover the videos I embedded in the product descriptions but the picture I put in their work.

I have tried countless threads with their fixes and cannot seem to get anything to work.

I have tried adding fixes into the CSS Custom on the theme settings, and different places in the theme base css code.

I even looked at editing the video directly when it is embedded. Still with no luck with everything that I found.

Currently using when adding the video

then adding border-radius“26px” overflow=”hidden” in there did not work. as well as opening the html file manually after adding the video and putting in there with no luck.

Any help would be greatly appreciated.

2

Hello @shopcomnew , try adding an overly on top of video and make thag overlay rounded.

Please do let me know if it works.

Regards,

Osama Farooqi

3

Hi Shopcomnew,
There must be something that needs to be fixed in CSS.
Please share your store URL to have a look into it.

4

Thank you, link the the product page in question is https://tfpets.com/products/chest-harness-cat-leash-vest

Thanks!