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

How Do I Change Line Spacing in Squarespace?

Last updated on April 12, 2023 @ 10:05 am

There are two ways to change the line spacing of your text in Squarespace. You can either use the Custom CSS option in the Design settings or add a Code Block to your page section. Both of these options use the “line-height” CSS property.

To change the line spacing of your text using the Custom CSS option, follow these steps:

1. Open the Design Settings.

2. Select the “Custom CSS” option in the Design Settings window.

NOTE: Using the Custom CSS option will change the line spacing of your entire website.

3. Paste the code below in the space provided to change the line spacing of your text. If you want to decrease the line spacing of your text, then decrease the number in bold, which is the line height value.

p { line-height: 0.9; }

 

4. On the other hand, if you want to increase the line spacing of your text, then increase the line height value.

PRO TIP: If you are uncomfortable with HTML or CSS, we do not recommend changing line spacing in Squarespace. Doing so could potentially break your site’s design.

 

To change the line spacing of your text using the Code Block, follow these steps:

1. Click the “Add Block” button and add a Code Block to your section.

NOTE: Using the Code Block option will change the line spacing of your text within a specific section only.

2. Edit the Code Block by clicking on the pen icon.

3. Paste the code below in the space provided in the Code Block. If you want to decrease the line spacing of your text, then decrease the number in bold, which is the line height value.

<style>
p { line-height: 0.9; }
</style>

4. If you want to increase the line spacing of your text in that section, increase the line height value.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.