[Resolved] Section background image not displaying properly

[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!

[David]

Hi there,

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

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

[Ying]

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/

[sheik]

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

[Ying]

You are welcome 🙂

[Author]

Posts