Text Hover on Gallery Images

Highlighted
New Member
1 0 0

Hello, 

I am hoping to create an "Advocates" page for my clothing brand TRVRS Outdoors to help promote our community. I am using a Gallery page to add images of my advocates and would like the persons name to appear over the image when it is hovered on, possibly with a vignette as well (example below). I am using the Out of the Sandbox Template "Mobilia". 

Rocky_Reyes-TRVRS_Advocate_Thumbnail.jpgRocky_Reyes-TRVRS_Advocate_Thumbnail_hover.jpg

I imagine I would have to add code to my theme liquid page, but didn't want to risk messing anything up since my ability to code is limited.
I would appreciate any help anyone can offer. Thanks! 

0 Likes
Highlighted
Shopify Partner
27 4 5

I made this a Codepen of the effect you need. ((with my smiley face  ))

https://codepen.io/muaz-shulli/pen/qBbaKbP

I can add it to your shop if you like

-------------------------------------------------------------------------------------------------------
Hey buddy, I started freelancing..
Hire me through Upwork,
I need your support and rating..
click here: MaazS
0 Likes