Jump to content

Use Poster Style Images in a Gallery (Bedford)

Recommended Posts

Site URL: https://pelitas.com/core-modules-1

Hi, I would like to create a grid of all the modules available in our platform with a description and a link to learn more. I'm able to do this with poster images, but this grid will live on several different pages so I'd really like to be able to use a gallery/summary block so I only have to update it in one place. Anyone have any ideas on how I can do this? Here's the page where I'm building it so you get an idea of what I'm going for.


pw: example

And a screenshot of the desired look (or something similar).


Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@tuanphan, I think I just about got it figured out. https://pelitas.com/gallery-test

Not learn more buttons, but I'll live unless you know a trick. I can't find the proper code to change the font color to white other than at the sitewide CSS level. I've just used the code injection at the page level for this as I don't want to change my summary block design across the site. 

.sqs-gallery-design-autogrid .summary-content {
background: #2954bd;
padding: 20px;
flex: 1;
.sqs-gallery-design-autogrid .summary-thumbnail-container {
margin-bottom: 0 !important;


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.