Archived topic

Box Shadow pseudo element with css z-index problem

5 replies · Started by Dieter on February 23, 2022

Viewing posts 1–6 of 6

February 23, 2022 at 5:52 pm #2131287

Hi there,

i would like to use this box shadow on a container that contains grids:
https://codepen.io/faeshaan/pen/nayNmR

I have set the outer z-index of the main container to 1, and the inner z-index to 2. No matter what I try, the shadow is always on top of the main container. Please have a look at the screenshot:

box shadow with css

No matter what I try, the shadow is always on the main container and not under it.

Is there a possibility? What would you recommend me?

I also use Generateblocks pro, but so far have not found a way to implement such a shadow.

Thank you very much and best regards.

February 23, 2022 at 6:05 pm #2131291

Hi Dieter,

Any chance you can link us to the site in question and point us to where we should be looking at?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

February 23, 2022 at 6:26 pm #2131302

Hi Ying,

i have added private data - thanks for looking!

February 23, 2022 at 8:07 pm #2131340

Hi Dieter,

Can you try removing the z-index: 1 code added in gb-container-ae4ab4ef?

Then, add this CSS:

.content-area article div.inside-article {
    position:relative;
    z-index:-2;
}

This is how it looks upon testing from my end: https://share.getcloudapp.com/X6u8pyXp

Kindly let us know how it goes. :)

February 24, 2022 at 1:12 am #2131524

Hi Fernando,

thank you very much. It works like a charm ;-)

Greetings to you and the great team and have a good time :-)

February 24, 2022 at 1:21 am #2131532

You’re welcome Dieter! Glad that worked! Feel free to reach out anytime if you’ll need assistance with anything else. Greetings to you as well! :)

This archived topic is closed to new replies.

Start building better websites today.