Jump to content

Show photo captions on main gallery page and disable hover on slideshow

Go to solution Solved by tuanphan,

Recommended Posts

I'm using the 7.0 Brine family template, which uses standard Gallery Pages. I'd like to figure out code to do the following:

- Show captions for all images on the main gallery page (currently captions only show once you click through to the slideshow)

- Always show captions instead of show captions on hover (on the main gallery page as well as the slideshow)

- Show captions on mobile (currently not showing at all since there's no hover on mobile)

 

The page in question is https://www.furyblooms.com/a-z.

 

Thank you so much!

Link to comment
  • Replies 7
  • Views 524
  • Created
  • Last Reply

Top Posters In This Topic

Thanks for responding! I don't see the options for this. From editing the page when I click the gallery settings, I have several tabs on the left but none relate to captions. From the design section, the gallery design options only show caption options for slideshow but not for grid. See screenshots. Do you have any idea what I'm missing?

Screen Shot 2023-02-08 at 9.52.08 AM.png

Screen Shot 2023-02-08 at 9.53.09 AM.png

Link to comment
  • Solution
On 2/12/2023 at 3:11 AM, avaniotis said:

They currently only show when I click through to the lightbox view, and only on hover.image.png.ce3405267580b2d32a1ac93ee8f82a6b.png

Add to Design > Custom CSS

.collection-type-gallery.gallery-design-grid .slide .slide-meta {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: white;
}

image.thumb.png.1aa7b4738e3dcc14c2e8566891fc81bb.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

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.