[Solved] :after item content not visible, help appreciated:

[jayg-7]

Hello,

At the following website:

http://necronomicon.studioissa.com/welcome/

At the bottom of the page I have an instagram icon using font awesome in the instagram image feed below #NecronomiConPVD.

The icon is inserted in the css using :after in the css line 3199. (.ri-grid ul li:nth-child(7):after.)

The issue I am having is the icon is not visible because it is below the image. I’ve adjusted the z-index but it’s not showing up. I can’t get it to be above the image.

Thanks for your help!

Jay

[Paulie_D]

It’s not clear which instragram logo you are referring to.

I can see two already…is there another?

[Paulie_D]

Ahh… I get it.

z-index needs a positioning context to work.

Add position:relative to your pseudo-element styles. Then crank the number down to “2”.

[jayg-7]

Thanks Paulie! That’s great!

[Author]

Posts