Archived topic

Cover image is wider than content

3 replies · Started by Pontus on November 12, 2020

Viewing posts 1–4 of 4

November 12, 2020 at 6:14 am #1528145

Hi there.

There's something weird with the image on some blocks. The image is wider than the content. The first block after the menu on the startpage and one subpage. Any suggestions why? Thanks in advance.

https://prohorsesweden.com/
https://prohorsesweden.com/foderstat/

November 12, 2020 at 7:06 am #1528489

Hi there,

if you're using GP 3.0 you can try switching the Customizer > General > Structure to Flexbox.
If you need to keep using Floats then add this CSS:

.wp-block-cover {
    box-sizing: border-box;
}

November 13, 2020 at 12:59 am #1529404

Thank you. That was it. Wasn't sure about the difference between flexbox and floats but now I know.

November 13, 2020 at 4:37 am #1529598

FYI - the Flexbox version applies the box-sizing: border-box; down the page. Whereas Floats do not - But that is just an added benefit to the Flex version :)

Glad to be of help.

This archived topic is closed to new replies.

Start building better websites today.