Archived topic
Two rounded corners for image
5 replies · Started by Stephan on April 1, 2021
Hello,
I would like to have a picture with two rounded corners like in the Coach Template (the screenshot, it seems to be gone when in live preview). Is that possible? In my template it is also just with four normal corners.
Thank you!
Hi there,
are you using the Coach template on your site? Or can you share a link to the site?
Hello David,
yes I do. Sure, do you also need login?
Thank you,
Stephan
OK first off go to Customizer > Additional CSS and look for this CSS:
.image-style img {
border-radius: 80px 4px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}and replace it with this:
figure.wp-block-image.image-style img {
border-radius: 80px 4px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}This fixes the change that core block styles added which stops the border-radius being applied ( we'll update the site library to correct that ).
Then any Image you want to apply that effect to, select the Image Block, in the sidebar > Advanced > Additional CSS Class(es) field add: image-style
Amazing. Thank you so much!
You're welcome
