Text Selectors in Squarespace

What does this code do?

These code snippets will allow you to target different text formats in order to change their style sitewide.

Code Snippets

The following are the selectors you can use to target one of the heading or paragraph styles sitewide.

Squarespace 7.0

/* Heading 1 */
h1 {
  CODE GOES HERE
}
/* Heading 2 */
h2 {
  CODE GOES HERE
}
/* Heading 3 */
h3 {
  CODE GOES HERE
}
/* Normal or Paragraph */
p {
  CODE GOES HERE
}

Squarespace 7.1

/* Heading 1 */
h1 {
  CODE GOES HERE
}
/* Heading 2 */
h2 {
  CODE GOES HERE
}
/* Heading 3 */
h3 {
  CODE GOES HERE
}
/* Heading 4 */
h4 {
  CODE GOES HERE
}
/* Paragraph 1 */
.sqsrte-large {
  CODE GOES HERE
}
/* Paragraph 2 */
p:not(.sqsrte-large):not(.sqsrte-small) {
  CODE GOES HERE
}
/* Paragraph 3 */
.sqsrte-small {
  CODE GOES HERE
}

How To Use It

1. Copy and paste the selector you need.

2. Add CSS in between the { } to change the style