[Resolved] Section Backgrounds not Full Width

Home Forums Support Section Backgrounds not Full Width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1232421
    Elzanne

    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. 🙂

    #1232531
    David
    Staff
    Customer Support

    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

    #1233536
    Elzanne

    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.

    #1233874
    David
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.