Background Image Resize Issue

Hello,

I have an image I’ve replaced in the back of my contact page. I can see it’s repeating instead of stretching to fit. I’ve tried everything but cant seem to get it to stretch to the width of page seen here https://chantels-cuthru-masterpiece.webflow.io/contact-us .

Please help!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

hi @CUTTHRU as you do not share “read only” link here is code you can add to your element as custom code.

.background-video-2{
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

or you can also set these in WF settings for background image.

Thank you very much for your help!

hi @CUTTHRU I’m happy that worked for you. If problem is solved feel free to close your request.

Thank you for sharing! It was always a problem for me. Images on the background are always bigger than the original one, so the resolution doesn’t look as great as it should. I found some methods of how to increase image resolution. It helped because the images on the background started to look more qualitative. I use soft enlargement options to best deal with the interpolation of pixels. But I know that people increase the resolution manually with Adobe Photoshop and Lightroom, but it needs lots of practice.