Jump to content

Bottom align images in gallery grid

Recommended Posts

Posted

Hi,

I would like to bottom align all the images you see on this web page, in each row. I would like to add descriptions to the images, and it will look way better if the images are bottom aligned, so the descriptions are easy to read. I'm using the Brine 7.0 template.

https://www.sandercromba.ch/archive

Can anyone help me with this? Thank you in advance.

Best,
Sander

  • Replies 2
  • Views 968
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted

Try adding this Custom CSS:

.sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img {
    top: 0 !important;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Hi Ziggy, thanks for helping. This works, however, now everything is aligned to the top. If I exchange 'top' for 'bottom' it doesn't work anymore. Any idea how I can also get them to align to the bottom?

Best,
Sander

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.