Image when hovered displays overlay content with button - model pop up when clicked

[eyedia]

Hi Team!

I saw on a showcased site: https://www.slimliving.nl/
Their staff listing has a nice effect that I wondered with what element it was created?

You can see it on the site listed if you scroll down.

Basically it is an image, when focuses/hovered over, displays overlay content with a button, when clicked a modal window pops up with more content.

I’m not sure if this is a custom function? Or something I can achieve with x elements.

Thank you in advance

[ruenel]

Hello There,

Thanks for writing in!

I have checked the url and it seems that the owner of the site has changed the theme. It is no longer using X.
Are you referring to this section by the way?

Screenshot

You can make use of The Grid plugin and display a custom grid containing your staff. You can install the plugin in X > Validation > Extensions. And for further details about this plugin, you can check it here: https://theme.co/apex/forum/t/extension-the-grid/74

By the way, please check out some of these links:
http://demo.theme.co/integrity-1/pages/about/
http://demo.theme.co/agency/about/
http://demo.theme.co/app/about/
http://demo.theme.co/gym/trainers/

Most of the staff sections were using the default elements and its styling which is basic in the theme.

Hope this helps.

[eyedia]

ah ha! Ok thank you, just thout i’d ask. Didn’t think to look if it was x as it was listed.

I’ll try with some cornerstone elements or the grid. Thank you so much

[ruenel]

You are most welcome!
If you need anything else we can help you with, don’t hesitate to open another thread.