Extra space in WordPress 5.03 Image?

[RavenManiac]

I recently converted one of my websites over to WordPress 5.03. In doing so I noticed that all of my images now have a small space beneath the image and the bottom border. Scroll down to the image of the map on the linked page for an example of what I'm talking about.

Why is this happening and how can I fix it?

https://williamsburgmemorialpark.com/our-history/

[Victor Font]

Gutenberg has it's own styles. The extra space is coming from a Gutenberg class:

.wp-block-image {
    max-width: 100%;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

Since this is default to WordPress and something that shouldn't be changed in the delivered CSS, you have to either add the class to theme's style.css or the Customer Additional CSS to remove the bottom margin.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[RavenManiac]

Hi Victor. Thanks for your response. I'm talking about the space that's between the bottom of the map image and the bottom border. Look for the class below and turn it off and you'll see what I'm talking about. Thanks!

.pdf-border {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    box-shadow: 0 0 12px #666;
}

[Victor Font]

Okay, the extra space is coming from the line height in the body class. It's a little tricky to see, but to remove the space, add line-height: 0; to the pdf-border class.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Zeal]

D what victor said first, if it work

---

Music Download Mp3

[RavenManiac]

Thank you so much, Victor and Zeal. That worked perfectly!

[Author]

Posts