Placing a container within a vertical flexbox

kundi · December 21, 2018, 3:47pm

Hello,

I have the following layout:

It’s made out of a section, which has vertical flexbox. It has a container within the text and form elements.

Now I want to place another graphical element below it, so that it would look like that:

What would be the best way to accomplish this?

I tried inserting a new container in the section, but it won’t stretch for the whole container width, and I’m unable to define its width (the fields are disabled). I wanted to set it’s background, with visible overflow and dimensions and z-index:

How should this be best accomplished with Webflow?

You can see the site here:
https://formaviva-events.webflow.io/

PeterDimitrov · December 21, 2018, 5:28pm

Hello @kundi

Can you share your read-only link?

Piter

kundi · December 22, 2018, 4:35pm

Here’s the read only link:
https://preview.webflow.com/preview/formaviva-events?utm_source=formaviva-events&preview=4168bf4de866655df0127d3541a794c8

kundi · December 23, 2018, 9:05am

Anyone? I can fix this in css without Webflow, but this seems like a bug / limitation with Webflow.

shokoaviv · December 23, 2018, 9:22am

Hi

Change the div block of the background image to “Absolute” and add negative z index number to this element

kundi · December 23, 2018, 9:26am

I think it would be better to use bg on the container, but the problem is that it won’t stretch to the whole width (container can easily adjust to the screen size).

PeterDimitrov · December 23, 2018, 2:23pm

The container has a fixed width. Here’s how it looks with a div

I’m never using the Webflow container element because I want full control.

Piter