Jump to content

Equal height summary items

Recommended Posts

Site URL: https://kati-agocs.squarespace.com/news-new

Hey everyone. I haven't been able to get this to work myself. Does anyone have any solutions for making the summary items in a news or blog page to all be the same height where the CTA is all lined up at the bottom? I've done this with custom code cards for pricing and things like that but I can't seem to crack it for the blog summary grids.

This is the page https://kati-agocs.squarespace.com/news-new 

We're in the process of building out the page and the content. It could launch without this but I know I would probably use something like this elsewhere if anyone has come across a good solution.

  Did I help you? Buy me a coffee!

👨‍💻 Bergen Design Co.

💻  I'm for hire on Upwork!

🕸️ Squarespace Experts  

🖥️ 99Designs

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

Add to Home > Design >

/* news new summary */
@media screen and (min-width:641px) {
div#block-yui_3_17_2_1_1595955694114_3778 {
/* title */
.summary-title {
    min-height: 50px;
}
/* excerpt */
.summary-excerpt>p:first-child {
    min-height: 80px !important;
}
}
}

Custom CSS

 

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

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.