I have set up a portfolio page using the MASONRY JS from here


All is working well on my site, page is here:


However, I need to have a mousehover/touch state for each image and I can't get it working.

I need the image to turn to a solid block of colour and for a title to appear with a link on the text to a new page.

I have been trying to add css3 rollover and title code to the images within MASONRY but it makes the grid break.

I thought there might be a feature built into the MASONRY JS that would allow you to have a hover/rollover state and introduce an image title but I can't seem to find any instructions to do this either on the MASONRY site or by searching google.

Any help or a point in the right direction would be really appreciated.

I can post code if required.

Best wishes,