How do I add a drop shadow for only specific images not including its caption?

Hiya!

I'm looking to add a drop shadow on certain images contained in an image block.  If I target the block, the whole block gets the drop shadow (both picture and caption).

Is there any way to target only the picture but not the whole block?

Any ideas will be welcome! Thank you so much!!!

On 8/6/2021 at 7:45 PM, Aidus said:

Hiya!

I'm looking to add a drop shadow on certain images contained in an image block.  If I target the block, the whole block gets the drop shadow (both picture and caption).

Is there any way to target only the picture but not the whole block?

Any ideas will be welcome! Thank you so much!!!

Hi. Can you share link to page where you added image block? We can check easier

On 8/8/2021 at 7:53 AM, tuanphan said:

Hi. Can you share link to page where you added image block? We can check easier

Hi. Here you have: https://www.aidagonzalez.design/mirror for example the picture that has 'The Design Thinking Process' as caption.

On 8/10/2021 at 2:02 AM, Aidus said:

Hi. Here you have: https://www.aidagonzalez.design/mirror for example the picture that has 'The Design Thinking Process' as caption.

Try this CSS

div#block-yui_3_17_2_1_1619554321026_33550 .image-block-wrapper {
    box-shadow: -2px 6px 7px #f2f2f2;
}