Hi there,

I'm trying to use a constrained full width masonry image grid on a portfolio page, but would like to remove any and all meta style/hover effects so that it is just a static, flat image gallery.

If this above is possible, could you please assist with the needed CSS styling?

Thanks so much.

Hi Andrew,

I'm currently just working in a staging environment and so the page is very much a test and work in progress, but here's the link – http://staging.typeface.co.nz/portfolio/test-template/

Essentially this will be a template for our portfolio post pages and each page will be slightly different as far as grid layout and number of images go, so some CSS that removes the hover zoom and overlay would be perfect as these images won't have titles or captions either.

Thanks,

Brittany

Hi Andrew,

Thank you, I've made it work for me using the below:

.work-item img {
    transform: none !important;
}

Now just one more thing if you could please assist... how can I remove the image link so that it doesn't open up in a new browser window when clicked?

Thanks!

Hi Andrew,

Sorry I should've been more clear, but thanks for the tip.

If you have a look at the page in progress – http://staging.typeface.co.nz/portfolio/test-template/ – I've managed to remove the hover overlay and zoom effect with your help (thank you), but you'll see that each image is clickable and when clicked it opens up to it's own page (/wp-content/uploads/Corrections.jpg).

I'm looking to make these images completely static, i.e. no hover effects, click-throughs, etc.

Hi Andrew,

That's perfect, thanks so much for your help!