Site logo

Archived topic

Section background image not displaying properly

5 replies · Started by sheik on July 16, 2021

Viewing posts 1–6 of 6

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?

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 :)

This archived topic is closed to new replies.