Grid Gallery Hover Title Plugin
Add some style to your Grid Galleries with professional-looking mouseover effect!
This plugin displays titles of gallery block images on top of the image and adds a cool hover over effect to the title.
You can change the font, font color & size, hover over color, effect duration and much more on plugin settings.
NOTE: This plugin license covers only a single Squarespace site. If you want to use our code in multiple sites, please purchase our unlimited version.
2022: Updated to new version 4.0 !
Perfect responsive vertical centering with flexbox ❤️
Works on 7.1 and 7.0 gallery blocks
Choose font-family or inherit automatically
Hide titles on mobile if you want
Option to add a transition to move the title up/down when hovering (used in demo below)
Option to add letter-spacing (used in demo below)
Mobile font-size option
Enable/disable effect on mobile
Plugin demo
Plugin information
There are free code snippets available but if those haven't worked for you this one's guaranteed to work. If there are any issues we'll fix them for you or give you an instant refund.
Plugin affects all gallery blocks on your site that use grid layout. If you need to target just a single grid gallery, please contact us and we’ll modify the code for you.
Works on the Gallery block using grid layout. Make sure you're using a gallery block and not a gallery page.
You can easily edit options like font-size, title position, uppercase or lowercase text, title text color, title background-color, image opacity when hovered, hover animation speed
Works on latest versions of modern browsers: Chrome, Firefox, Safari, IE
Only titles can be shown with our plugin. Description texts can’t be shown on hover.
On mobile (< 600px wide devices) where users can't hover, the plugin is disabled and title displayed normally under the image.
Please note that long text masses that might overflow outside the image fall outside the scope of our support. If you have very long text masses, consider how small font-size you can use, whether you can make shorter text or use a different design than this plugin.