Drop shadow not applying correctly to an image

Support
#1

Hi there,

Dropshadow is applied to image in the settings but it is applying instead to the column itself and the image is not centered within the column. Please recommend a fix so that the dropshadow applies to the image, not the column, and so the image itself is centered within the column.

Url is: http://www.dandelionsblooming.dreamhosters.com/sample-page/

#2

Added this code to center the image, but there is no straightforward way to get the drop shadow to apply to the image, rather than the box

$el {
width: 100%;
}
$el img {
display: block;
margin: auto;
}

#3

Hi There,

In the version 2 image element, the image is wrapped with the <span> tag so the box-shadow is applying the span tag instead of image.

To fix it, please add the img-100 class under Customize tab to your image:

After that add this custom CSS:

.img-100 img {
     width: 100%;
}

Hope it helps :slight_smile:

#4

Brilliant! Thank you! Worked like a charm.

#5

You are most welcome. :slight_smile:

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.