I need to incorporate a before/after gallery for a client and I am wondering if there is a way to display the caption which I enter with the photo either above or below each photo, the way it can be displayed in a full masonry gallery.
Currently the caption only displays when I hover over the image. The client’s old website looks like this and it would be his preferred option:
http://www.metrocarpetcleaning.com.au/before-after
This is how the new page currently looks
http://27.121.64.167/~gfskrdrb/before-after/
Many thanks
Ivana
Hi Ivana!
Thank you for using the theme!
Please add this on Quick CSS or custom.css to show the gallery captions on top of the gallery items:
#top .avia-gallery .avia-gallery-thumb a:before {
content: attr(title);
margin: 10px 0;
position: relative;
display: block;
width: 100%;
text-align: center;
}
Best regards,
Ismael
Thank you Ismael. That worked!
I really appreciate your help.
Cheers
Ivana