How to change letter spacing and line height?

Spacing text correctly can help the overall aesthetic and flow of your website. On Rocketspark, you can change letter spacing and line height for H1, H2, H3, paragraph, and button text on the site-wide and stack-specific level. You can even change the letter spacing in your menu text.

Change letter spacing and line height site-wide:

1. Log into your Rocketspark dashboard
2. Go to CHANGE DESIGN in the top left corner
   
   
   
3. In the sidebar, click open Headings & Paragraphs
   
   
4. Then click the three dots "..." to access the letter spacing and line height controls
   
   
   
5. Here you will be able to adjust the Letter spacing and Line Height. 
   
   
   
6. To change the Letter Spacing on your Buttons go to Buttons in your Change Design Section. Then click the three dots "..." to access the Letter spacing (tracking) controls
   
   
   

Change letter spacing and line height for a stack:

1. Go to Stack-specific Settings by clicking on the colour wheel sliding out from the right of your screen when you hover the mouse over the stack you're wanting to edit.
   
   
   
2. In the sidebar, click open Headings & Paragraphs
   
   
3. Then click the three dots "..." to access the letter spacing and line height controls
   
   
   
4. To change the Letter Spacing on your Buttons go to Buttons in your stack specific design settings. Then click the three dots "..." to access the Letter spacing (tracking) controls
   

Change letter spacing in your header menu:

1. Log into your Rocketspark dashboard
2. Go to CHANGE DESIGN in the top left corner
   
   
   
   
3. In the sidebar, click open Header & Menu
   
   
4. Then click the three dots "..." to access the header layout controls
   
   
   
   
5. Now you can click on the three dots "..." to access the menu text settings
6. Here you will be able to adjust the Letter spacing. 
   
   
   
   
7. To change the Letter Spacing of your menu text use the + and - or click on the number.