[Support request] How Do You Create A Shadow For An Image?

[Charles]

How do I create a shadow for an image on my website?

I know it’s a bit of code but there’s nothing I could find in the forum.

Thanks,
Charles

[David]

Hi there,

which image ? Can you share a link to where i can see it?

[Charles]

https://bellamitriboudoir.com/

I’d like a shadow for the main image and then the three smaller ones below.
Also for the ones on the About Me page as well.

Charles

[Ying]

Hi Charles,

In order to target those images, you can add an additional CSS class to the image blocks, eg. shadow-image.
https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Then add this CSS:

.shadow-image img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

[Author]

Posts