Site logo

Archived topic

Section Backgrounds not Full Width

3 replies · Started by Elzanne Cronjé on April 9, 2020

Viewing posts 1–4 of 4

Hi there!

Somehow my sections background images will not go full width? It is on my accommodation page.

I have checked - the box type is set to full width. I am not sure what I am doing wrong.

Please advise.

Thank you. :-)

Hi there.

you have this CSS in your sites Customizer > Additonal CSS:

.generate-sections-container {
    background-size: auto;
    background-position: center center;
}

change auto to cover

Hello David,

Yes, I have used that CSS and all the section backgrounds on the other pages are working perfectly. It is strangely enough only the accommodation page and somehow it seems to tile the background image instead of making it a full background image.

Maybe those other pages have larger images ? Or at least images that have a similar aspect ratio to the Section.

This background-size: auto; tells the image to maintain its actual size, and unless told otherwise it repeats the image to fill the space. The cover attribute is the best fix.

This archived topic is closed to new replies.