Content Attribute title not calling in

Hi Kriesti,

First of all thanks for all the great work, love the Enfold theme(L).

I have one small question.
I have made an own image overlay for grid items.
Based on the posts that you have placed.

this is the code i used:
.av-masonry-image-container:before {
content: attr(title);
background: red;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left:0;
text-align: center;
line-height: 180px;
opacity: 0;
font-weight: bold;
font-size: 24px;
}

.av-masonry-image-container:hover:before {
opacity: 1;
content: attr(title);
}

.av-masonry-image-container:before{
transition: all linear 0.2s;
}

Everything works great. There is just one little thing.
The content attribute title is not showing anything.
If I type in regular text, it works. But I need it to automatically grab the title.

If I change the class to grid entry, it works. The only problem is then that it overlays not just the image, but also the spacing and the title, while I just want it to overlay the image.

Is there anyway I can make it grab the title?

You can check it out on this link.
http://lirimo.nl/our-work-page/

Please help.

With Regards,

Marco