Jump to content

How do I show the gallery description by default when image clicked?

Recommended Posts

Site URL: https://www.roqlarue.com/current-exhibition

Using the grid gallery, once a user clicks on an image, I would like to either:

- have the title and description show by default in the light box

- or have the title and description showing by default to the SIDE of the image

- or be able to click away to an image page with a description.

Are any of these things possible? Users struggle to get to the descriptive text, especially on a phone.

 

Thanks!

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

On 7/11/2021 at 6:30 AM, rebjones said:

Site URL: https://www.roqlarue.com/current-exhibition

Using the grid gallery, once a user clicks on an image, I would like to either:

- have the title and description show by default in the light box

- or have the title and description showing by default to the SIDE of the image

- or be able to click away to an image page with a description.

Are any of these things possible? Users struggle to get to the descriptive text, especially on a phone.

 

Thanks!

Hi. It looks like you solved? I see title/description appear on hover here.

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

Hi, thank you for checking.

Unfortunately, no I didn't solve it b/c I want the description to show up by default, not on hover. Or, have the ability to show the description to the side of the image.

Users don't seem to instinctively hover over the images.

Thank you for any insights you might have!

Link to comment
9 hours ago, rebjones said:

Hi, thank you for checking.

Unfortunately, no I didn't solve it b/c I want the description to show up by default, not on hover. Or, have the ability to show the description to the side of the image.

Users don't seem to instinctively hover over the images.

Thank you for any insights you might have!

Add to Design > Custom CSS

/* Always show lightbox caption */
.yui3-lightbox2 .sqs-lightbox-meta {
    opacity: 1!Important;
    background: rgba(0,0,0,0.7);
}

 

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
  • 3 weeks later...
  • 2 years later...
On 7/14/2021 at 2:50 AM, tuanphan said:

Add to Design > Custom CSS

/* Always show lightbox caption */
.yui3-lightbox2 .sqs-lightbox-meta {
    opacity: 1!Important;
    background: rgba(0,0,0,0.7);
}

 

I tried to use this code to add a title and description to my gallery image...but it does not appear when the image is brought forward using the Lightbox option. Please advise.

Link to comment
On 10/9/2023 at 1:02 AM, CHV said:

I tried to use this code to add a title and description to my gallery image...but it does not appear when the image is brought forward using the Lightbox option. Please advise.

This code for Gallery Block, if you use Gallery Section, it will require a different code

Can you share link to page where you use gallery?

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

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.