Jump to content

Customizing Gallery Text and mouse over

Recommended Posts

I'm trying to customize my gallery blocks. I already decided to go with a gallery block (and have the actual gallery not indexed) because it seemed to be closer to what I was looking for. The last piece is making my gallery blocks, like this one here https://www.caroline-shenaz-hossein.com/places-gallery-page have a nice mouse over with white text and a dark background like my actual gallery like this one https://www.caroline-shenaz-hossein.com/places-gallery

 

I hope this makes sense. I managed to only get the title (and not the subtext) to have a background, and i lost the mouse over feature.

 

Thanks so much guys.

Link to comment
.meta-inside:hover {
    cursor: pointer;
}

Ok, that doesn't seem to work. There's got to be something missing.

Like a div id or class? Looking at the code for the gallery with the design i want it has <div class=“slide-meta show” data-slide-id”5e14fa8a383be0638df3b12f”>   and .collection-type-gallery:not(.gallery-design-grid).gallery-info-overlay-show-on-hover.slide:hover .slide-meta.show {display: block;}

 

 

Thanks

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.