Solved

How to edit spacing around bullet points

  • 27 January 2021
  • 2 replies
  • 2131 views

Badge +1

Is there a way to reduce/edit the bullet point spacing or the paragraph spacing in an email? I dislike how these two don’t match. 

 

icon

Best answer by retention 27 January 2021, 23:36

View original

2 replies

Userlevel 7
Badge +49

@daitont Hi,

This is an interesting situation that we actually encountered in the past. The extra space between the paragraph and the bullet points can often look unnatural and out of proportions. This is how it originally looks when you insert bullet points in the middle of a text.

 

There is a simple fix that we’re using to adjust the spacing. It requires adding 2 lines of CSS code. First you need to switch to the Source of the block.

In the paragraph above the bullet points apply: style="padding-bottom: 5px;"
In the UL tag at the very top of the table apply: style="margin-top: 0px;"
 


Notice how the spacing between the paragraph and the bullet points is now in proportions and looks much better. You can play around with the value of the padding and margin to achieve the best look that fits your needs.

Hope this helps!

Userlevel 7
Badge +49

@daitont - When you have alignment issues with bullet points, the culprit is usually underlying HTML formatting or styling.  This can happen if you’re copying/pasting from two different sources, or if you fiddled with the formatting too many times and it starts to “drift.”  

What I do is highlight the issue and click on  “clear formatting” to reset the underlying styling and then use the bullet icon to do this cleanly.   

See here:
 

You can see that the underlying HTML is “cleared” by comparing the Source before and after.

Before:

After:

When the formatting is cleared, you should only have basic html tags without any <span> or styling HTML tags.  From there, you can format your bullets and they should have matching indentations and styling.

Let me know if that worked!

Reply