Home>Support>Image shadow on specific image

Image shadow on specific image

By zkagen, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I have been trying to make an image shadow on a specific image, but can’t seem to get it to work.

Can you please help?

See URL, is it possible to make a shadow on only one of the images ?

URL: http://wptest01.zkagen-marketing.dk/

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

  1. 10 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    Hi Hans

    Using the Attributes tab, apply a style class to the widget or row:

    widget-img-shadow

    And then target images in that class under Appearance > Custom CSS:

    .widget-img-shadow img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	box-shadow: 0 1px 2px rgba(0,0,0,0.175);
}
  2. 10 years, 5 months ago zkagen

    Perfect!

    Thanks.

  3. 10 years, 5 months ago Andrew Misplon
    Hi, I Work Here

    For sure!

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