Portfolio Image overlay

Hi the great team:

I have set up your amazing Ignis theme for my own website.
and I found out one question that I don’t know how to fix.
when I add my new project for my homepage, as long as the photo is vertical then it will overlay to the next one.

What I have tried to fixed:
1.Open Ignis demo site to copy the all CSS style
2.Paste to mine website
3.Still the same.

Could you please fix it?
My web: www.darcylin.com

Thank you

Hello there,

I am sorry to hear you’ve run into trouble. IMHO, reproducing the entire CSS code of the demo site isn’t an ideal way fixing a minor CSS issue on project overlay. As it might cause another issues, please put them off. With normal state, I’ll be able to suggest you with a couple of CSS code.


thanks for your quickly reply.
Once i know it doesn’t work with the demo site CSS so I changed it back now.

Thank you, Kharis.

Hello there,

Probably one of your image size is too large. Try to optimize it. https://kinsta.com/blog/optimize-images-for-web/. Is one image takes some time to load, its image container overlays the nearest one. Or probably you’d need to optimize your entire site. https://codex.wordpress.org/WordPress_Optimization