captions under image in gallery?

HI
I am trying to get a simple gallery to display with caption (or title) underneath.
The masonry gallery puts the caption on top of the image.
On the page below I am using this code that I found on the enfold docs:

/* Display caption below thumbnail*/
#top .avia-gallery .avia-gallery-thumb a:after {
content: attr(title);
margin: 10px 0;
position: relative;
display: block;
width: 100%;
font-size: 10px;
text-align: center;
}

but on my page the captions load and then get hidden.
Can you see what’s going on here, or if there is another way to do this?
thanks
Nancy