Site logo

[Resolved] Section background image not displaying properly

Home Forums Support [Resolved] Section background image not displaying properly

Home Forums Support Section background image not displaying properly

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1858623
    sheik

    Hi,

    I added a background image to a section. It displays okay when “Box Type”= Contained. If I set “Box Type”= “Full Width”, the full image is not displayed. The lower portion of the image is truncated. Any way around this?

    Thx!

    #1858885
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to the page where we can see the issue?

    #1859244
    sheik

    Here it is: https://frontierlanddeals.com/5-4-acres-park-colorado-3/
    The lower portions of the image is truncated.

    If I set “Box Type”= Contained then I see full height of the image.

    #1859286
    Ying
    Staff
    Customer Support

    Hi sheik,

    Try this CSS:

    #generate-section-1.generate-sections-container {
        background-position: 50% 50%;
    }

    The first50% is for x-direction, second 50% is for y-direction.

    You can adjust the number looking for the best background image position.

    By the way, the sectionis really out of date, I would recommend trying the Block element instead.
    https://docs.generatepress.com/article/block-element-overview/
    https://docs.generatepress.com/article/block-element-page-hero/

    #1859326
    sheik

    That worked beautifully!! As always, thank you for your phenomenal support!

    #1859344
    Ying
    Staff
    Customer Support

    You are welcome 🙂

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