Skip to content
All Answers
Commerce

How do I change the product description font on Squarespace?

The product description area on Squarespace 7.1 lives inside the .ProductItem-details-excerpt wrapper. You can target this to override the default body font with a custom typeface.

If you're using a Google Font injected via code injection, reference it here. Otherwise, stick to the font families already loaded by your template to avoid layout shifts.

.ProductItem-details-excerpt {
  font-family: 'Georgia', serif;
  font-size: 15px;
  line-height: 1.8;
  color: #444;
  letter-spacing: 0.01em;
}
.ProductItem-details-excerpt p {
  margin-bottom: 1em;
}
Generate this with our Font InjectorTry it free →

Related Questions

Commerce

How do I change the Add to Cart button style in Squarespace?

Commerce

How do I style the product price in Squarespace?

Commerce

How do I hide the quantity selector on Squarespace product pages?

Commerce

How do I style the product variant dropdown in Squarespace?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Long Drive MarketingTalk to Long Drive Marketing →