Grid cell background z-index

[boomfly]

Hi,

Can you tell me if this is correct functionality? When setting the main background color of a cell in the Grid element it places the color layer in front of the background lower and background upper layers in the advanced section. In normal columns the main background appears behind the background lower and upper but in the cell it appears to cover those layers up. Is that right?

Thanks

[rad]

Hi @seepops,

Thanks for reaching out.

Yes, it’s intentional that way since the grid is used for a more complex layout. The main background is meant to be global for that current grid cell, and other lower and upper backgrounds are local backgrounds. It’s like a cover it all background compared to the column.

Thanks!

[boomfly]

Hi @rad,

I can’t see the logic behind this. Could you give me an example of how this would be used in comparison to using the background of a column? Or is it a case of the cell usage being correct and the column usage being illogical?

Thanks

[kory]

@seepops,

Howdy! Can you please provide us with an example page you’re working on so we can see what you’re referencing more readily? If you set a simple background color on a Cell, that should be the furthest back layer, then the “Advanced Backgrounds” should appear on top of that, and then your content on top of that. Also, keep in mind that you will need to ensure you have a z-index set on your Cell for the Advanced Backgrounds to position themselves properly.

If you can get us an example where you think something incorrect is happening, we’ll be happy to take a deeper look into things.

Cheers!

[boomfly]

Hi @kory,

Thanks for explaining. The z-index was where I was going wrong. It has a default value of “auto” when I should actually be giving these a value. I completely overlooked this! Thanks for bringing it to my attention.

Cheers!

[ruenel]

You’re welcome @seepops !
We’re glad we were able to help you out.