Jump to content

Grid Summary Block "Card" Style Help

Recommended Posts

Hello: on the following page, I have code to make a News Summary block have text in a box. I'm almost there but I would like boxes to have a uniform height so they look consistent. Can anyone help with this? Following is the link and password and then the code I am using if this helps. Or if there is a better solution to do this "Cards" design approach. Thank you in advance.

Password is:  password

*Grid Style Summary Block*/
.summary-title a{font-family:; padding-top:15px; color:#CE1126 !important; font-size:20px !important;}
.summary-metadata-item {color:black !important;}
.summary-excerpt {color:balck !important;}
.sqs-gallery-design-autogrid {
  .summary-item { background-color: rgba(239, 239, 239, 1) !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;}
  .sqs-gallery-meta-container {padding-left:24px; padding-right:24px; padding-bottom:20px; padding-top:20px}
  .summary-item:hover {opacity: 0.8; transition: ease-in-out 0.3s}

Link to comment
  • Replies 1
  • Views 510
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.