Jump to content

How can I create a gallery grid in Wells template to display images in aligned horizontal rows instead of vertical columns in desktop and tablet?

Recommended Posts

  • arpllc changed the title to How can I create a gallery grid in Wells template to display images in aligned horizontal rows instead of vertical columns in desktop and tablet?
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

On 1/30/2022 at 6:48 PM, arpllc said:

Hello,

Wells displays gallery images in columns aligned vertically. I would like to display my galleries as rows aligned horizontally. Does anyone have any css for this?

https://www.andyryanphotographer.com/

Can you show some screenshot of the desire result?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Hi bangank36, Thanks!

Let me clarify my previous post: I would like to create a responsive design for all galleries in the thumbnail viewing to showcase both vertical and horizontal photos side by side in a responsive design for tablets and desktop, but retain the current UX for when they click on the image as fit to screen. I prefer the max height as it currently is. I do not want to change the mobile UX.

Here is an example of galleries aligned in rows side by side: https://prints.andyryanphotographer.com/.

Let me know if this is helpful.

Thanks in advance.

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.