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.

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

pw: example

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

791277873_ScreenShot2020-09-23at10_27_15AM.thumb.png.19798d4aeb1af6085ff46d100d071945.png

Link to comment
  • Replies 3
  • Views 445
  • Created
  • Last Reply

@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. 

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

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.