Marginless Columns - text overlap image

Support
#1

Hi,

I’ve created a section with margin less columns where the text is overlapping the image. It worked out of the box on my first section, but on the second section, the text is behind the image. How do I bring the overlapping text to the front of the image?

Thanks,
Ashley

#2

Hi Ashley,

It’s because of the z-index of the image column is higher than the left column.

I went ahead to change the z-index of left colum to 3 and everything looks good now:

Cheers!

#3

Thanks! I tried that yesterday but set them as 1 and 0 and it didn’t change anything. Can you tell me a bit more about z indexes (or give me something to read) and explain why 3&2 worked but not 1&0? Thank you!

#4

Hi Ashley,

Actually, the issue is not the z-index, the 1/3 column and 2/3 column is not overlapping, it’s the headline and text that is stretching to the right side because of the negative margin you applied to it. Please remove those negative margins.

The default z-index value is auto, sections, rows, and columns z-index are set to 1 by default, so if there is a section, rows, or columns that you set to 2 that would put it on top of the other.

more info about z-index

Thanks,

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.