Sudden Border-radius override by CSS

This support ticket is created 5 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	9:00 – 12:00	-
-	13:00 – 18:00	13:00 – 18:00	13:00 – 18:00	14:00 – 18:00	13:00 – 18:00	-

Supporter timezone: America/Jamaica (GMT-05:00)

Tagged: Toolset Blocks

This topic contains 1 reply, has 2 voices.

Last updated by Shane 5 years ago.

Assisted by: Shane.

Author

Posts

March 18, 2021 at 11:51 am #1992123

sietseR

I have a lot of images on our website with lot's of custom border-radius. But suddenly, there is a new CSS line:

.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit;
}

Which comes from this stylesheet: hidden link

This causes all Image blocks to have no Border-radius. What I found was that the Toolset Image Block also uses the .wp-block-image selector, just like the default WordPress image block. Maybe WordPress updated this block?

The only way to get a border-radius is to switch to this default WordPress block and select 'Rounded', which makes it round. But a small border-radius for both blocks is impossible now. What to do?

Link to a page where the issue can be seen: hidden link

March 18, 2021 at 3:29 pm #1992411