Jump to content

Custom CSS to expand info view from gallery grid in Momentum template?

Recommended Posts

Site URL: https://www.karenmainenti.com/recent-work

In the Momentum template, I like having my initial view be in a gallery grid, so all images can be seen together. But then, when you click into an image, how to custom CSS so that the description shows immediately? Many visitors don't find it intuitive click on the "i" info icon, so I'd like it to expand right away so they don't need to click to see the image description.

The only existing alternative I see is to use the initial gallery Info View and then they would have to click the "four squares" icon to see the gallery which also doesn't seem intuitive... thank you!

Link to comment
  • 2 months later...
  • 1 year later...

Hi Karen,

I have the same issue and I noticed you were able to solve it. (your work looks great by the way)

Just wondering if you have a moment you can let me know how you managed to display your image info automatically after the initial gridview?

Thanks for you time

Ben Ponte

Link to comment
On 9/9/2021 at 4:03 AM, benleo said:

Hi Karen,

I have the same issue and I noticed you were able to solve it. (your work looks great by the way)

Just wondering if you have a moment you can let me know how you managed to display your image info automatically after the initial gridview?

Thanks for you time

Ben Ponte

I see she used some JavaScript code to achieve this.

You can ask here to share the code.

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
On 9/14/2021 at 2:18 AM, benleo said:

Thanks Tuanphan,

Karen if you receive this message would you mind sharing the code you used?

That would be such a great help!

Thanks so much

If you still can't get the receive from here, you can let me know. I will check * find similar code

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.