All Collections
Editor Questions
How-To Questions
How to customize your Bullet list in the template?
How to customize your Bullet list in the template?

This article provides additional information about modifying or changing the bullet list in Stripo emails.

Anna avatar
Written by Anna
Updated this week

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.

  • And on the left side as well:

To do so, please go to the CSS section of the code, and you should insert
ul { margin-left: 5px; padding-left: 5px; }
Then the bullets will be aligned to the left side

  • 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>
</li>


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?