Heading Text Z-Index not Column overlayed anymore after update

Hi @managerslo,

Upon checking, the issue on your particular content area is not directly related with Sydney.

To fix that kind of issue, you’d need to try adding this CSS code to your site’s Additional CSS.

.your-element-class {
   z-index: 99;position: relative;
}

Hello Kharis

Thank you for your answer and your time.

I did not edit this in Additional CSS. It was edited at the time of site creation and it worked as it should as:

• in Inner section there are two columns
• in each column there is a heading
• in the second column there is a white shaded rectangle
• the text in the first column was overlayed over the white shaded rectangle in second column
• until some updates the text was overlayed, now the text in the first column is behind the white shaded rectangle in second column.

I tried different variations in Elementor editor / Advanced / z-index but nothing seems to work.

So I think it could be elementor editor, plugin, theme smaller issue, because this changed in over the time due updating.

Thank you,

Best regards,

BR

• This reply was modified 1 year, 3 months ago by managerslo.

Hi @managerslo,

Thank you for getting back.

I tried different variations in Elementor editor / Advanced / z-index but nothing seems to work.

Try higher z-index for the text of “We are act as a global …”. Try z-index: 99 for it.

And try lower z-index for the second element. Try z-index: 9

Do not forget to clear cache after updating. Otherwise you web browser would load your cached page.

Hi @kharisblank

Thank you for getting back.

I tried changing to different values for z-index, cleared cache, browser history etc., but nothing helped.

I noticed that in my second column the background for the small rectangle is white and it changes on hover. When I change that to no color, than the text is visible.

@managerslo,

I saw you still have auto z-index for heading text: https://i.snipboard.io/0c396T.jpg

Try z-index:99 for it.

Hmmm, I don`t know where this auto is set. Z-index value for heading “We act as…” that should be in front is set to 99 and the z-index value for the smaller headings in the white box are set to 9.

• This reply was modified 1 year, 3 months ago by managerslo.

Hi @kharisblank

I found the problem. The problem was with the plugin Elementor Addon Components. I don′t know why, something probably changed after update in the plugin or plugin vs. Sydney theme coding and the problem with overlay and Z-indexing appeared. I disabled the plugin and the text is again overlayed as it should be. I enable the plugin, the Z-index doesn′t take affect to be overlayed.

Hmmm, there are many problems working with these plugins…

I still can not edit in elementor my 404 site…

Thank you for your help, I will try to figure something out, change my site to an easy one.

Best regards,

BR

• This reply was modified 1 year, 3 months ago by managerslo.
• This reply was modified 1 year, 3 months ago by managerslo.
• This reply was modified 1 year, 3 months ago by managerslo.