Background image of section to be 1920x1080

[RevealHM]

Hello… how can I reduct the size of the background image to be *1500x650? Is there a way to make the section a specific size? Thank you!

June test home page - Reveal Hair & Makeup

[tristup]

Hi Ashley,

Thanks for reaching out.
It is not very clear what you are trying to acheive here. Can you please explain it a bit more?

Thanks

[RevealHM]

Hi! I would like the background image to be 1500x650 so it matches the size of the hero images on our other pages. I resized the photo and uploaded it and selected contain, so now the images is displaying as the size I would like it to. Now, how can I get rid of the white space before and after the photo and before the pink section that says Reveal Hair and Makeup?

[prakash_s]

Hello Ashley,

To get rid of the white space before the pink section you need to go to the page section where you have set the Background image —>Set the Object Fit as Cover.

Hope it helps
Thanks

[RevealHM]

Hi,

That gets rid of the white space, but we do not want the image to be that large. How can I control the size of that section?

We want the image to be this size and have no white space:
https://drive.google.com/file/d/1xGJeSBX7b-rGyJRl5qVapKg6lrEZ48Bg/view?usp=sharing

Not this long and large:
https://drive.google.com/file/d/1yKG-E6zcFa6i7ooG9DxzDtHPSo97noYL/view?usp=sharing

Thank you,

Ashley

[ruenel]

Hello Ashley,

We cannot view the screenshots.

Anyway, I have checked your page and I noticed that you added an element CSS to your Section which limits the height and made the contents looked squished. Instead of settings the height to 100vh, make it as a minimum height instead.

And then for your Background image, set it to Cover and position it to Top Center so that the head of the lady will not be cut off.

Best Regards.