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
  • 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

@tuanphan Thank you for responding! And I apologize, when I didn't get an answer I switched to slideshow style as an alternate solution (which isn't working well for me either). I've switched back to the grid style now, which is what I want. I'm hoping for the captions to show on the main grid view, circled below.image.thumb.png.c3c946fa111254a76a737b2bcabf840d.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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.