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;
}
