Archived topic
Section background image not displaying properly
5 replies · Started by sheik on July 16, 2021
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!
Hi there,
can you share a link to the page where we can see the issue?
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.
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/
That worked beautifully!! As always, thank you for your phenomenal support!
You are welcome :)