Have single background image that spans multiple sections

[zainatour]

Hello,

I want to use one background image that spans across multiple sections. it is the two ‘image with text’ sections after the hero. I managed to add a background to the first without any problems but i want it to span to the second ‘image with text’ section.

My store website is www.thevocalgeneration.com

Any help would be appreciated.

Thanks,

Zaina

[r8r]

Hi Zaina,

We are talking about this component (desktop view is what i focus on initially here), correct?
You want the image to be full width and the text to be applied on top of it, at the same position it is right now, also correct?

Mario

[zainatour]

Hi r8r,

I’ve zoomed out for clarity, but I need the background image to span both of these sections.

[r8r]

Im trying to wrap my head around what you’re saying. You need a completely different mage as background from edge to edge?

[zainatour]

Exactly - see the screenshot below. Right now i just have a background color but need to change it to an image.

I tried adding a new div that wraps the whole section, but it doesn’t work and i end up with this:

[r8r]

You have the richt approach. You need a wrapper though, that spans both sections - ideally a div-wrapper. Those are sections that you drag & drop within Debut, correct? It probably would be the easiest to inject that div using JavaScript instead of remodeling the entire theme template to accommodate your requirement. If you want to I can send you a dev request and have a look at it.

Mario

[zainatour]

ok please send a request

[r8r]

Like this