Shipping details on Squarespace 7.1 product pages typically appear inside an accordion or additional info block using .ProductItem-additional. You can restyle these to match your brand.
For checkout-level shipping info, target the .CheckoutPage-shipping class. Adding a subtle background and border makes shipping details stand out without disrupting the purchase flow.
.ProductItem-additional {
border: 1px solid #e8e8e8;
border-radius: 4px;
padding: 20px;
margin-top: 20px;
background: #fafafa;
}
.ProductItem-additional h3 {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.ProductItem-additional p {
font-size: 14px;
line-height: 1.6;
color: #555;
}Generate this with our Products V2 StylerTry it free →
