Is there a way to get a shadow box around photos in posts?

Hi there,

you would need some CSS. In the block editor, select the Image Block, in the sidebar settings Advanced > Additional CSS Class(es) add the custom css class eg. image-shadow

Then you can add the following CSS to your site:

.image-shadow img {
    box-shadow: 0 2px 4px 6px rbga(0,0,0,0.1);
}

Then simply add the image-shadow additional CSS Class to the images you want it applied to.

This site here will generate the box-shadow style for you:

https://cssgenerator.org/box-shadow-css-generator.html

I appreciate the steps. I've done all of these but nothing is showing up on the image.

Hi Heath,

Can you link us to one of these images that you've applied the steps?

Thanks!

Are we talking about an image or a post with an image in it?

A post with an image I guess :)

I out the link in the private information field. It is not not featured image but the 2nd image.

Try this CSS instead:

.image-shadow img {
    box-shadow: 0 2px 4px 6px rgb(0 0 0 / 10%);
}

Let me know :)