Padding around image

[Ruud]

Ruud

April 2, 2021 at 11:39 pm

Hello,

On my website, the photos that I put in pages or posts are placed with an image border.
This despite the fact that I disabled this function in the theme options.

When I look at an image with the inspector function of Firefox, I see that a padding of 10px is used.
This looks like this:

[class * = “wp-image”] {
display: block;
padding: 10px;
margin: 0;
line-height: 20px;
border: 1px solid #ddd;
border-color: rgba (0,0,0, .05);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border radius: 0;
-webkit-box-shadow: 0 1px 3px rgba (0,0,0, .055);
-moz-box-shadow: 0 1px 3px rgba (0,0,0, .055);
box-shadow: 0 1px 3px rgba (0,0,0, .055);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

If I set the padding to 0px in the inspector, the image will also appear the way I like it.
But put this piece of custom code in the custom CSS box then it doesn’t work.

What piece of code should I put in the CSS box to remove padding around my images?

Thanks in advance.