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 10
  • Views 1.9k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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

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

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

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

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

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

Link to comment
  • 8 months later...
On 10/12/2023 at 9:44 AM, tuanphan said:

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?

Hi Tuanphan, 

I'm using standard gallery page layout in grid format. the caption and description is not visible in the grid format and only comes up in lightbox. image.thumb.png.064a2b8da4bfbfc3f19a4ae1e09bb635.png

image.thumb.png.a1b6387833eb58a5e67af3f1d60ff998.png

 

can you help me with code to have the title/description visible at all times even on the grid standard gallery page?

I would greatly appreciate it.

Many thanks!!

Link to comment
On 7/10/2024 at 7:42 AM, Naoms said:

Hi Tuanphan, 

I'm using standard gallery page layout in grid format. the caption and description is not visible in the grid format and only comes up in lightbox. image.thumb.png.064a2b8da4bfbfc3f19a4ae1e09bb635.png

image.thumb.png.a1b6387833eb58a5e67af3f1d60ff998.png

 

can you help me with code to have the title/description visible at all times even on the grid standard gallery page?

I would greatly appreciate it.

Many thanks!!

Can you share link to gallery page? I can check easier

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

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.