Jump to content

Wanting to move summary block text (in a video gallery) to 'over image' - requiring CSS code please!

Recommended Posts


My site uses the Montauk template, squarespace 7.0

I'd like to move the text for the summary block gallery (currently displaying below image) to over image.

Ideally i'd also like the image to show this information when hovering over each image, but that would just be nice to have if possible.  


any help much appreciated!






Edited by JH24
Link to comment


/*Squareskills - Summay Block Hover Titles*/
//target page
#collection-5cbc83a4419202c35e7506e7 {

.summary-title {
    position: absolute;
    inset: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
	opacity: 1;	
	transition: opacity .3s ease; //adjust timing to your liking
summary-item:hover .summary-title {
    opacity: 1;


I included a transition to fade the text in/out to avoid jerkiness.

Note: To avoid this being site wide I've targeted only the page you would like.

You can alternatively target other pages via their collection ID or target specific summary blocks with their block ID.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

Some links may be affiliate/referral links.

Link to comment
Posted (edited)

Ah... I have an issue..

when i inject this code, rather than clicking the image taking me to the lightbox player for that specific video, it takes me to the 'reel' i had created of my gallery of videos. I realise now that the text link has always done this. 

is there some code I can add that will create a link to the specific video's lightbox popup?


i'm happy for it to be sitewide, or i did a copy and paste of the code and added the 'more commercials' page and it worked also, but i've switched it off as the linking wasn't quite right. (it's sort of only half right as it is..  (text link goes to the wrong page, and image clicking works.)

Edited by JH24
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.