border-radius on embedded YouTube videos - Acme Themes

This topic has 6 replies, 3 voices, and was last updated 3 weeks, 2 days ago by Karel Overlaet.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
October 30, 2022 at 12:08 pm #104563

Karel Overlaet
Participant

Hi

I was able to give rectangular images rounded corners. I couldn’t find where I have to adapt the css to do the same for embedded YouTube videos. I’ve searched on the net but this is theme specific, I concluded.

I use SuperMagPro 3.0.9.

Kind regards

Karel

October 31, 2022 at 3:31 am #104662

acmesupports
Moderator

Dear Karel,
If you can provide us with your site URL, we will observe and provide you with possible solutions.

Best Regards!

November 2, 2022 at 4:47 am #104707

acmesupports
Moderator

Dear Karel,
Please add the given CSS code in Additional CSS:
Appearance > Customize > Additional CSS
.entry-content iframe {
border-radius: 8px;
}

Best Regards,
Rozy

November 2, 2022 at 7:54 am #104708

Karel Overlaet
Participant

Hi Rozy

Spot on! Thank you very much. Have a nice day.

Karel

November 3, 2022 at 3:16 am #104710

acmesupports
Moderator

Dear Karel,
You are Most Welcome 🙂

Best Regards!

March 9, 2023 at 8:24 am #106184

Divya Parekh
Participant

How were you able to give rectangular images rounded corners? Please share; thank you.

March 9, 2023 at 8:43 am #106185

Karel Overlaet
Participant

Hi Divya

Sure. Here it is:

.wp-block-image:not(.is-style-rounded)>a, .wp-block-image:not(.is-style-rounded) img {
border-radius: 8px;
}
img {
border-radius: 8px;
}

Kind regards
Karel
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.