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>
</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.