Squarespace 7.1 accordion blocks use the .accordion-block class with individual items inside .accordion-item. The default spacing is often too tight or too loose for custom designs.
Target the item dividers, content padding, and icon spacing independently to get a clean, well-proportioned accordion that matches your site's rhythm.
.accordion-block .accordion-item {
border-bottom: 1px solid #e8e8e8;
padding: 0;
}
.accordion-block .accordion-item__title {
padding: 20px 0;
font-size: 16px;
font-weight: 600;
}
.accordion-block .accordion-item__description {
padding: 0 0 20px 0;
font-size: 15px;
line-height: 1.7;
color: #555;
}
.accordion-block .accordion-item__click-target {
gap: 16px;
}Generate this with our FAQ Accordion toolTry it free →
