I'm trying to add shadows to an image in Wordpress (Gutenberg). But when adding the box-shadow property it appears a space between the image and its shadow (see screenshot attached).

Box-shadow not working properly

I also attach the code I'm using:

box-shadow: 10px 14px 28px #039BE5;

What am I doing wrong? I want the shadow to be next to the image without any space inbetween.

CodePudding user response：

You must set the box-shadow to the img not to outer div.

CodePudding user response：

Greeting Juàrez!

Although your attached file is not working at all. So far I understood, you applied a box-shadow in CSS it gives you a blank space. In that case, you can make sure some steps:

1. You've applied your CSS in the correct element/class/id.
2. You can use "!important".
3. Is there any dependency or not?

Thank you

Regards Sharif