Grid Question

[trunorth]

Hello!

We are loving the Grid and Gridorama, but am stuck on the overlapping of cells. You will see on our site that there are 4 cells featuring images on our homepage

We want the overlap to be the same. Example: Image 1 overlaps over Image 2 (bottom right corner) and Image 3 overlaps on top over Image 2 (top right corner). We want the images on top to overlap the next image

Example: Image 1 to overlap on top of Image 2 (Currently is correct)
Image 2 to overlap on top of Image 3 (not currently doing so)
Image 3 to overlap on top of Image 4 (not currently doing so)

Would you be able to fix this and provide the correct values so that we can do this in the future?

Site link and creds in secure note

Thanks so much!

[ruenel]

Hello Del,

Thanks for writing in!

To get what you want for the correct overlapping order of the images in your page, you can set the z-indexes for each respective Cell container. The higher the z-index value will be on top overlapping the Cell with a lower value. Please take Figure 3 Cell for example. If you set the z-index to 7 while Figure 2 is 8, it will be overlapped with the previous image while it overlaps on top of the next image below.

See the secure note below for my screenshot.

Best Regards.

[trunorth]

Thank you for your help. I am having some issues now, I want Art Gallery and the image to overlap and size according to the rest (see last cells in the grid). I am not sure what I am doing wrong to make this work?

[ruenel]

Hello Del,

You need a portrait image. The one who currently used is a landscape which is why it is giving you issues. Please edit your image or upload a portrait image.

Thank you.