Add Rounded Corners to Images That Don’t Use an Elementor-Based Image Widget

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Code Snippets, CSS
Images

Instructions

Create a new CSS code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

Unless you add an image to your Elementor website using a widget that allows for adjusting the border radius of said image, you’ll need to apply the rounded corners using CSS.

Making things a bit trickier yet, images with captions will automatically have a white border added to them and be assigned a unique class in WordPress (‘.wp-caption’).

This will be a code snippet that evolves as client requests come in, so let’s start with styling those images with captions.

Images With Captions

.wp-caption {
    border-radius: 12px;
}

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.