Hi everyone, I’m very new to web design in general, so please have patience with me. I’m trying to create a minimalistic landing page with just a static photo of an athlete as the hero image in the background, and then I’d like to place all my other elements on top of the photo with a separate foo…

Great thanks! So I think what you want to do here is set the background image to “cover” instead of custom, that will keep the image from getting skewed. Then, you can change the positioning on the background element from absolute to static and set the height to 100vh which will make the element th…

How to build elements on top of a static hero image in the background

Design help General

Edward_Powell (Edward Powell) June 10, 2020, 9:22pm 7

How does one resize the image for just the mobile site? I’m looking for an option and I can’t find one in the editor.

Topic		Replies	Views
Background image is not 100 VH in responsive design? General	6	4890	August 19, 2020
How to create a responsive hero image with text and button overlay Product feedback	7	6663	May 1, 2020
Webflow hero section with background image General	3	26	July 23, 2024
Inserting offset image w/ shape as background General	6	1822	February 28, 2022
Image not being contained within parent div General	6	5201	July 16, 2020

How to build elements on top of a static hero image in the background

Related topics