How do I create a hover text over my grid gallery? in Customize with code Posted June 15, 2020 On 7/3/2016 at 11:49 PM, alxfyv said: You might try copying and pasting this in Design > Custom CSS: /* ** in gallery grid, set a hover over slide effect to ** display slide title on partially transparent ** overlay */ .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0; color: white; background-color: rgba(194, 194, 163, .8); opacity: 0; transition: all .25s ease-in; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 40%; opacity: .9; } This should give you the effect, on hover over a slide, of a partially transparent overlay sliding up over the image and displaying the slide title. Let me know whether this works and, if so, whether it's the type of effect you have in mind. -Steve Hi there Steve, Thank you for the code. I have it on my website, however I would like to know if it's possible to center the text. Regards, Lili
How do I create a hover text over my grid gallery?
in Customize with code
Posted
Hi there Steve,
Thank you for the code.
I have it on my website, however I would like to know if it's possible to center the text.
Regards,
Lili