Background image over sections

Hi there! I’m having a little trouble with an image i’d like as my background.

I want my homepage to be a big onepager with different sections. So I have this image which is exact the lenght of my page. But now I need it to flow over all of my sections… How can I become this?

What I want (design from designer):

Image that I have for the background:

I haven’t found any solutions from other users yet who have had similar issues.

Any insight into where I’m going would be appreciated!

Hello @apolloproducties,

Thank you for the inquiry.

We’ve created a template that could potentially solve your layout issue. The only downside is that you might not be able to add linked elements to the second section (white background) because the entire container is covered by the Logo+lijn background image. For the third section, you can set the background to transparent and increase the z-index to make sure it is higher in the stack order.

This is the template: https://drive.google.com/file/d/13fRcNOOLcyCBBXXiBqH4KnT8OaEcpzBN/view?usp=sharing

Another solution is to divide the background image into multiple parts and apply each part to the section separately as background.

Let us know if you need more info.

Best regards,
Ismael

This seems to work! Thanks!!
I just need to make another image for the mobile version.

Hey Ian,

It is good to know that @Ismael was able to help you out.

Cheers.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.