Home>Support>CSS Attribute not applied to SiteOrigin Image

CSS Attribute not applied to SiteOrigin Image

By Knntha, 8 years ago. Last reply by Alex S, 8 years ago.

Hello I’m trying to add some CSS to a siteOrigin Image.

under widget class I wrote image-round to ref to this css class.

I went to SiteOrigin CSS and added the class like so:

.image-round {
   border-radius: 50%;
}

But it has not effect on the image at all. Also when I go into the visual mode and click the image, it shows that it only has the img tag and the so-widget-image class applied to it.

Can someone tell me what I’m doing wrong?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Knntha,

    The widget class is a general setting and to ensure consistency it will always be applied to a div with the widget being nested.

    Basically, for your CSS to work you need to adjust your selector by adding the .so-widget-image class as the widget class isn’t directly added to the image. It’ll end up looking like so:

    .image-round .so-widget-image {
   border-radius: 50%;
}
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More