Go to Stripo

Let's imagine that you created an email template and added a Bullet list there.

In this article, you will learn how to customize and edit the display of the Bullet list, and below I will show you how this can be done.

How can I customize my Bullet list?

  • Let's start with the space decreasing between lines.

If you would like to decrease the space between the lines, you can add the style="margin-bottom:0px;" code to the tag <li> in the code editor.

For example:

  • Also, you can move the list to the right side from the container's border.

For this, please insert to the <li style="margin-left:20px;">. You can change the number of pixels.

  • The next tip is to change the bullets and text color in the list.

The first step is to insert text to tag <p>. After this, we can add the style attribute to each tag separately. For example, I set up different colors for bullets and text:

<li style="color:#cc0000">    
<p style="color:#6aa84f"> Text 2 </p>

Thank you for taking the time to read our articles. We hope you will find this information helpful.

If you have any additional questions, please email us at support@stripo.email.

We would be glad to talk with you.

Did this answer your question?