Style Summary Block Text Content

Install Steps

Style Summary Block Text Content

Submitted by Moov Labs Works with all template families

Summarcontent.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Summary Meta //

.sqs-block-summary-v2 .summary-metadata-item {
    font-size: 12px !important;
  color: #BBBBBB;
}


// Summary Title //

.sqs-block-summary-v2 .summary-title {
  font-size: 20px !important;
  color: #000000;
}


// Summary Body //

.sqs-block-summary-v2 .summary-excerpt p {
  font-size: 12px;
  color: #BBBBBB;
}

Step Three

Adjust the color and font size to your liking for each area of text within the summary block. Please keep in mind that the font family for text content is what you have set in Site Styles for body text.

Save and refresh the page. 👍

Moov Labs