This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS Attribute not applied to SiteOrigin Image

Resolved 1 reply pluginplugin-siteorigin-csstechnical
Knntha
9 years ago · Last reply by Alex S 9 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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 9 years, 8 months ago

    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.

Have a different question or issue?

Start New Thread