Squarespace CSS Cheat Sheet

Common Element Selectors

Hyperlinks a

Italic Copy em
TEXT

Bold Copy b, strong

Headings h1, h2, h3, h4

Body Copy p

Common Class Selectors

Header #header

Navigation Menu .header-nav-list

Navigation Menu Item .header-nav-item

Navigation Folder .header-nav-item--folder

Folder Item .header-nav-folder-item

Social Icons .header-actions .icon--fill svg

Folder Menu .header-nav-item--folder

Folder Menu Items .header-nav-folder-item

Logo .header-title-logo

Button .header-actions

Announcement Bar .sqs-announcement-bar

Announcement Bar X .sqs-announcement-bar-close

All Buttons .sqs-block-button-element

Primary Button .sqs-block-button-element--medium

Secondary Button .sqs-block-button-element--large

Tertiary Button .sqs-block-button-element--small

All Button Hover .sqs-block-button-element:hover

Product Block .sqs-block-product

Product Block Price span.sqs-money-native

Product Block Title a.product-title

Shopping Cart Icon .header-actions-action--cart .icon

Shopping Cart Page body#cart

Shopping Cart Page Title .cart-title

Nothing In Cart Text .empty-message

Product Price .product-price

Purchase Confirmed Page #confirmed-page

Newsletter Block .newsletter-block

Title .newsletter-form-header-title

Description .newsletter-form-header-description

Form Fields .newsletter-form-field-element

Button .newsletter-form-button

Footnote .newsletter-form-footnote

Form .form-wrapper

Form Fields .field-list

Form Title .title

Captions .captions

Form Field Text .field-element

Lightbox .lightbox-content
LIGHTBOX FORM

Form Fields .field-list

Form Title .form-title

Form Field Titles .title

Button input.button

Entire Pop-Up .sqs-slide-layer-content

Pop-Up X .sqs-popup-overlay-close

Pop-Up Overlay .sqs-slide-layer

Title h2.list-item-content__title

Description .list-item-content__description

a.list-item-content__button.
Button
sqs-block-button-element

Entire Footer #footer-sections

Lines .sqs-block-horizontalrule hr

Archive Block .archive-block

Accordion Title .accordion-item__title

Accordion Description .accordion-item__description

List Cards Item .list-item

Summary Block .summary-item-list

Common Properties + Example Values

Description Property Example Value

Text color color: blue;

Font size font-size: 24px;

Typeface font-family: Helvetica;

Font boldness font-weight: 600;

Text alignment text-align: left;

Background color background-color: #000000;

Corner curvature border-radius: 10px;

Opacity opacity: 0.5;

Case of text text-transform: uppercase;

Space around element margin: 20px;

Space with element padding: 10px;