Archived topic
GenerateBlocks background image within container above shape layer (z index)?
7 replies · Started by Paul on September 22, 2021
Hi All,
I've done a search of the forum but can't find an answer to this.
Is it possible for the background image within a container to be above a shape layer (the background image uses margins? I've tried adding a z-index of 1 to the container but the background image still gets obscured by the shape layer?
(link to the page in private info)
Cheers!
Hi Paul,
Can you tell me which container are you talking about?
Let me know.
Hi Ying,
Yes, sure added to private info.
Cheers!
Not sure I understand your question well still, there's no SVG shape in this container.
Are you trying to make the background image overlap with the SVG shape below the page hero?
If so, you should be able to do so by adding negative top margin to the What do you need help with container.
This is what it should look like after applying negative top margin (I set the opacity of the background image to 1 to see clearer):
https://www.screencast.com/t/rjFciqlM2SA8
Let me know if you need further assistance :)
Hi Ying,
Ah yes, I think the SVG shape is in the container above.
Yes, that is kind of what I want but I only wanted to move the dotted background image using the negative margin and not the entire container?
Does that make sense?
Thanks
I see, in this case, you can try this CSS:
.entry-content .gb-container-725ba3f2:before {
top: -200px;
left: 100px;
}
.gb-container-725ba3f2 {
overflow: unset;
}Feel free to change the numbers to position the image.
Let me know :)
That's great thanks Ying much appreciated!
Paul
You are welcome :)
