Jump to content

Align summary block items to bottom

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Is it possible to align items with different aspect ratios in a summary block to the bottom instead of the top which seems to be the default?

I should add that ideally I'd like to know if images and text can have different vertical alignments i.e. if the information about the image can be vertically aligned to a top and the images aligned to a bottom so that it looks cleaner (at least to my perception)

Screenshot 2022-12-26 at 10.27.11.png

Screenshot 2022-12-26 at 12.09.43.png

Screenshot 2022-12-26 at 12.13.09.png

Edited by tomasgf
Addition for clarity
Link to comment
  • 2 weeks later...
Posted (edited)

Hi tuanphan,

Thanks for your answer.

Here's mine (Obra). Scroll down to "Works in the exhibition":

https://gallery.obra.se/skies-came-to-visit

Ideally it would be nice with an alignment a bit cleaner like Stephen has it (not Squarespace though). Scroll down to "Selected Artworks" Images vertically aligned to the bottom, text aligned to the top:

https://www.stephenfriedman.com/artists/26-mamma-andersson/

This is another example that I believe works well, namely vertically centered images while text always aligned to it's neighbouring artwork:

https://www.gallerimagnuskarlsson.com/artists/31-richard-johansson/ 

All the best,

Tomás

Edited by tomasgf
Clarity
Link to comment

tuanphan,

I tried it and it works perfect in that particular carousel but alters summary blocks in other pages that are displayed as "Wall"!  

Any thoughts?

Bests,

Tomás

 

Edited by tomasgf
Link to comment
On 1/10/2023 at 1:53 PM, tomasgf said:

tuanphan,

I tried it and it works perfect in that particular carousel but alters summary blocks in other pages that are displayed as "Wall"!  

Any thoughts?

Bests,

Tomás

 

Which way/code did you try?

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.