Jump to content

Code for Masonry style Gallery Block -or- Add Header Image + Text in Gallery Page

Recommended Posts

I'm trying to elevate my portfolio pages by having an intro to each project with an image and text, then having a Masonry-style Gallery following the intro.  The problem I'm having is if I use the gallery block, it forces me to crop the images, and no option to maintain the original aspect ratio of the image and tile in a masonry grid.  https://www.jenniferskog.com/cathedrals-photographer

If I use the Gallery Pages that automatically gives me the gallery I want to see, but I can't add anything about the project at the top of the page. https://www.jenniferskog.com/love-is-everything-campaign

Can anyone offer a possible CSS workaround? 


Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

#1. You can use this plugin (affiliate link) or this link (non-affiliate link) to turn Gallery Block to Masonry Style

#2. We can use code to add some text on top of page. Which position you want to add? Can you take a screenshot, we can help 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.