Overlapping text from column 1 to the right onto column, but text background is "under" coloumn 2?

[Zifferblatt]

Overlapping text from column 1 to the right onto column, but text background is “under” coloumn 2?

I used this code:

.myclass{
position:relative;
background-color:blue;
right:-150px;
}

but the blue background is underneath the second column and not showing?

How can I achieve that the background stays on top?

[friech]

Hi Alex,

Thank you for writing in, please inspect the column that has a background-color and set its z-index to 2.

Or maybe you can add z-index to your CSS code.

.myclass{
position:relative; 
background-color:blue;
right:-150px;
z-index: 2;
}

Hope it helps,
Cheers!

[Zifferblatt]

Awesome - very straightforward response!

Btw. is there any document that goes into detail where all “these” informations are explained?

[mldarshana]

Hi Alex,

We have a handful of guides, walkthroughs and related information on our knowledge base section here (https://theme.co/apex/forum/t/knowledge-base-overview/287). However at this point, we don’t have information available for each and every option or feature offered by X theme.

Thanks!