Archived topic
background color layout
3 replies · Started by jerry on February 2, 2023
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
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
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.
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.