Jump to content

michaelbehlen

Circle Member
  • Posts

    8
  • Joined

  • Last visited

Community Answers

  1. michaelbehlen's post in Limit Summary Block Except was marked as the answer   
    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; }  
×
×
  • 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.