Website Building » Squarespace » How Do I Change Line Spacing on Squarespace?

How Do I Change Line Spacing on Squarespace?

Last updated on December 29, 2022 @ 6:36 pm

Line spacing is an important part of website design and can impact the overall look and feel of your Squarespace site. There are a few different ways to change the line spacing on Squarespace, depending on what you’re looking to achieve.

In general, you can control line spacing by adding CSS code to your site. You can either add this code directly to your site’s CSS file or use the Custom CSS Editor in the Style Editor. If you’re not familiar with CSS, we recommend using the Custom CSS Editor.

To change the line spacing for all text on your site, you can use the following CSS code:

p {
  line-height: 1.5;
}

This code will increase the line spacing for all paragraphs on your site. If you want to change the line spacing for a specific piece of text, you can add a class to that element and then use the following CSS code:

.my-class {
  line-height: 1.5;
}

You can also control the space between lines of text by using the letter-spacing property. The following CSS code will increase the space between letters for all text on your site:

PRO TIP: If you are not careful, changing the line spacing on Squarespace can have unintended consequences. For example, if you change the line spacing on a page that has already been designed, the changes may not look the way you expect.

p {
  letter-spacing: 2px;
}

If you want to change the letter spacing for a specific piece of text, you can add a class to that element and then use the following CSS code:

.my-class {
  letter-spacing: 2px;
}

Conclusion
You can change line spacing on Squarespace by adding CSS code to your site.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.