rounded corners

Hi there,

try this:

1. Go to Customizer > Additional CSS and add this CSS to the very bottom of the code that is already in there:

.wp-block-image.rounded-corners figure img {
    border-radius: 10px;
}

2. Edit your post, and select the Image Block.
In the Advanced > Additional CSS Class(es) field, first delete what you have in there, and just add this:

rounded-corners

Great, thanks that has worked. Wondering if there is any way to make all images default to "rounded"?

Try this CSS instead:

.wp-block-image figure img {
    border-radius: 10px;
}

That will apply to all Image blocks.

Hi David - I removed the previous css and removed "rounded-corners" from the aditrional css for the image, then replaced the css with the new one and am not getting rounded images!

doh - try this:

.wp-block-image figure img,
.wp-block-image img {
    border-radius: 10px !important;
}

Hi David - thanks that has worked.

Glad to hear that