[Resolved] Cover image is wider than content

[Pontus]

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/

[David]

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;
}

[Pontus]

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

[David]

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.

[Author]

Posts