Divider Set to On Top of Content Displays Behind

[Argent Arts]

Hello. I have a layer that has a background image set to parallax and an image file within as well. I have added a divider at the top and the bottom of the Layer via the Layer properties and have set both to be On Top of Content. In Web Builder, the dividers show up on top of the content. But when I preview the page, the content (the image, in this case) shows up on top (the divider beneath). Is there something else I can try to get the content to show up beneath the divider?

Thanks in advance.

[Pablo]

Can you please share demo project so I can see all your settings?

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

[Argent Arts]

Sure. Here's a project file (compressed in RAR):

http://www.argentarts.com/uploads/divider.rar

The file consists of one page with a layer, a black divider placed at the bottom (set to be on top) and a down pointing arrow (white).

[Pablo]

Thanks for sharing the project.
However, where exactly do I need to look to see the problem?
Can you please describe exactly what is wrong?

Note that nested layers are not supported.

[Argent Arts]

At the bottom of the layer there is a divider (black). I have placed a small image of a white, downward facing triangle in the same area (center) of the divider. If it is not showing up in Web Builder, then that may be due to the path. Set it to the IMG folder I included so that the white triangle shows up. The divider is set to be on top of content. However, when I preview the page, the triangle still shows (i.e. is beneath the divider).

[Pablo]

It is related to the way you have constructed your layout using absolute positions.
Dividers were designed to be used in floating layouts (see example templates) , so they do not have a z-index.
I will investigate if it also possible to use them in absolute layouts.

[Argent Arts]

Thank you.

[Argent Arts]

The good news is after export I can edit the HTML to apply the z-index to the DIV that contains the divider and force it to display on top.

[Argent Arts]

It is related to the way you have constructed your layout using absolute positions.
Dividers were designed to be used in floating layouts (see example templates) , so they do not have a z-index.
I will investigate if it also possible to use them in absolute layouts.

I took the exported page into an HTML editor and added a z-index to each DIV containing the dividers. With the appropriate number, I was able to get them all in front of their content. So, could not Web Builder's divider dialog ask for a z-index number (or assign one to the DIV)?

[Pablo]

In the next update, the divider will have a z-index automatically.

[Argent Arts]

Thanks! That's awesome!