michaelbehlen

HI, I ended up using this code and it's great. How do I accomplish the following:

-Limit the title in the summary to 2 lines
-Apply this to the "related articles" in a blog post to replicate the look and feel
-On the blog post main page that displays all of the articles.

Thank you!!!

// Beautiful Summary Block Design //

.sqs-gallery-design-autocolumns-slide, .sqs-gallery-design-autogrid-slide {
  background-color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
  -moz-box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
  box-shadow: 0px 0px 15px rgba(100, 100, 100, 0.1) !important;
}

// Beautiful Summary Block Image Radius //

.sqs-gallery-design-autocolumns-slide img, .sqs-gallery-design-autogrid-slide .summary-thumbnail {
  border-radius: 0px 0px 0px 0px !important;
}

// Beautiful Summary Block Text Wrap //

.sqs-gallery-design-autocolumns-slide article, .sqs-gallery-design-autocolumns-slide—text  {
  .blog-excerpt{
   display: none !important; 
  }
}

// Beautiful Summary Content Padding //

.sqs-gallery-design-autocolumns-slide .summary-content, .sqs-gallery-design-autogrid-slide .summary-content {
    padding: 0px 10px 5px 10px;
}

// Beautiful Summary Read More Button //

.sqs-gallery-design-autocolumns-slide .summary-read-more-link, .sqs-gallery-design-autogrid-slide .summary-read-more-link {
  display: inline-block;
  margin-top: 5px;
  background: white;
  color: black;
  border: 0px solid white;
  border-radius: px;
  padding: 5px 5px;
}
section[data-section-id="64b71a6c09069d7b10c7878e"] 
  .sqs-block-summary-v2 .summary-excerpt p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

Hi Zygmuntm,

Where would I put the code? Custom CSS or page header injection?

Hey sir, thanks for the response! Here is the link: https://herring-coconut-7wd7.squarespace.com/

PW: OneTimeOnly1!

I am only trying to do this on the home page, which is defaulted. Thank you for your help! 

Hi Everyone! 

I have searched the forum for weeks and can't find an answer. I am trying to limit the excepts displayed on summary blocks to a certain number of lines or words, followed by "...". That's it! I am on 7.1. Open to CSS or JS! Thank you! 

NOTE: That is my live website that I know is on 7.0. I am migrating to 7.1 which is where I need this help. I could not submit my question without putting in an URL. Thanks!