Archived topic
Z index with profile avatars
3 replies · Started by Shari on June 14, 2021
How can I change the z-index of the profile images? They currently display over everything. I am trying to add a modal box that opens when you click the gold View Profile button under the Our Team container but as you can see, the images are displaying over it. I've tried making the overlay and content a higher z-index but even 9999 doesn't put it in front.
Thanks for any help - I've been fighting with this way too long
Hi Shari,
Are the modals custom coded?
You should move where these modals are placed. They shouldn't be placed within the genesis columns so they are not bounded by the column's position property.
No amount of z-index would work on a position:fixed; modal if one of its ancestor elements have position: relative; set on it.
That said, I suggest moving the modal elements outside of the columns so they can freely overlay over the content once triggered by the button.
That worked exactly as I needed it to after I moved it out of the columns. Thank you
Nice one. Glad to be of any help. No problem. :D
