Solved

Probleme mise en page TEXTE (How to edit line spacing within paragraphs)

  • 7 October 2021
  • 1 reply
  • 733 views

Badge +2

Bonjour, 

 

 

Lorsque j’écris un texte et que je vais à la ligne, il y a un grand espace entre les deux lignes ! 

 

Comment regler l’espace entre ses lignes? 

 

Merci :)))

 

icon

Best answer by alex.hong 8 October 2021, 00:05

View original

1 reply

Userlevel 7
Badge +58

Hi @Alixrodi!

Thanks for posting to the Community and I hope to offer some help with your email template design questions!

 

If you're looking to change the spacing between each line within a text block, you'll want to use the "Line Height" property in within the Block Styles tab for the text block:

?name=inline1076233162.png

The spacer block is for when you want extra spacing between other blocks. We have a great documentation on the email template editor and I would personally suggest looking into this Academy video as well :)

 

Below info for those who style their templates with CSS/HTML:

You can view this yourself by selecting the text block, then clicking the "Source" icon:

?name=inline1164467620.png

There are two ways that you can add line spacing:

1. Add the line height directly to each desired HTML element in this source. For example, if I wanted the paragraph with the text "We are excited that you..." to have increased line spacing, I'd add the line-height​property to that element like so: ​<h3 style="text-align: center; line-height: 150%;">We are excited that you have decided to join the thousands of customers who are making the choice to take charge of their own health with natural products.</h3>​. Note that this will need to be done for each element and will require some basic HTML / CSS knowledge to do correctly.
2. Remove all of the HTML formatting and restyle this text block using the Klaviyo editor. This will ensure that the Line Height option in the block styles tab works as expected.

Hope this helps!

Alex

Reply