I would like to add a FA icon to the caption that appears on hover in the Grid Gallery module.
Spent some time searching for the solution but couldn't find anything. Sorry if this is a duplicate question...
Looked at the tutorial on adding FA to menu items here.
I've also tried to add code to css code that I currently have (thanks to Ciaran) for my grid gallery, but without success:
This is what I currently have in the css code:

.j51gridgallery figure {
height: 60px;
}
.j51gridgallery figure {
background-color: #ffffff !important;
}
figure.snip1156 p {
padding: 0 10px;
background-color: #B1050A !important;
}
figure.snip1156 h3 {
background-color: #F5050C !important;
}.j51gridgallery figure img {
border-radius: 10px;
}
@media only screen and (max-width: 1024px) {
.layerslideshow .img-fill {
height: auto;
}}


I'm sure I'm pretty close.

Thanks in advance.
JR

Artisan Template