[Support request] background color layout

[jerry]

hi,i set a background images(1920*750PX),full width container,Minimum Height 39VW,black color background,image size full,
size=contain,because i want to display complete image,but i will display extra black background layout.
its ok when size=cover,but i want to display complete image,could you tell me how to operate?
eyeglassfactory1989.com,you can see 2 black layout while view website

[David]

Hi there,

if the Content inside that container ( with the background ) is making the container taller then the image won’t fit.
if you want to share a link to that page i can take a look

[jerry]

eyeglassfactory1989.com

i update many size background images,if i set size=contain,the container all taller then the background image.
i have sent images to you by first.

[Fernando]

Hi Jerry,

Can you try adding this through Appearance > Customize > Additional CSS:

@media (min-width: 1025px) {
    .gb-container.gb-container-3373812c {
        aspect-ratio: 64 / 25;
    }
}

For mobile and tablet, do you have a different image that would be better for these screen sizes aspect-ratio-wise?

Your current image’s aspect-ratio would not allow your text to fit on tablet and mobile.

An image with a higher height than width would be better.

Say reverse the aspect-ratio to 25/64 or something else.

[Author]

Posts