Hi,

Due to the widget's architecture, this will need to be done with a custom class and some CSS. This type of customization is not included in support, but I think I have an example already somewhere. I am happy to share it with you. Let me get back to you with the solution tomorrow morning.

Kind regards,

Timea

Hi,

Here is the CSS as promised. There are 2 ways you can go. You can apply the effect to specific images only with a class, or apply the rounding to all Orion Image Widgets at once.

1. CSS + CLASS

Paste this into theme options and adjust the border-radius as you want:

.rounded-img .so-widget-orion_image_w .image-w {
    border-radius: 10px;
    overflow: hidden;
}

Add the rounded-img class to all the image widgets where you want to use this rounding. Widgets Style -> Attributes -> Widget Class.

---

2. APPLY CSS TO ALL IMAGES AT ONCE

If you want to use this effect on all images added with Orion Image Widget, then ignore the class and add this CSS to Theme Options:

.so-widget-orion_image_w .image-w :not(.rounded) {
    border-radius: 10px;
    overflow: hidden;
}

This will add rounded corners to all images, except the ones with a circle shape.

I hope this helps.

Kind regards,

Timea