HubSpot Ideas


Changing bullet color to match font in new drag & drop email editor

I used to be able to change the bullet colors to match the color of the fonts in the email editor, but the new drag & drop editor has removed that feature. I've checked with support and was told that you can't do that. So my suggestion is if it's impossible to change the styling, at least make it so that you can add another style to your fonts (in the design tab). That way, I could have a white font with white bullets (when I used dark-colored boxes) and a black font with black bullets (when the background is lighter). Thanks!

9 Replies

This is a NEED!


This is so fustrating!


This is definitely a need! I would also love to have the option to change what the bullet point looks like as well as spacing.

Anyone still frustrated by this, there is a workaround that isn't great but at least it works.
You can go to the design tab, go to "Text styles" and change the "Paragraph" color to the color that you'd like for your bullet points. Then you can manually go through the text in the rest of the email and change the font color back to what it was previously.


Such a basic, needed feature!


Can you provide a visual on how to do this?


+1! Very surprised that this isn't built into the drag-and-drop editor.


Yes, please! Why doesn't hubspot listen to user feedback?


Hi Bryan_m,  I was looking for a solution and also didn't have any joy so I did some hunting. It is fairly straightforward to add a line to the source code. Even for users with limited coding experience it should be simple enough. Just Edit the Element containing your bullets and select the text with the Bullets.

Screen Shot 2022-10-11 at 11.05.51 AM.png


 I want white bullets as mine are currently black. With the text selected, at the top Style menu, click on the More Dropdown menu  and click Source Code

Screen Shot 2022-10-11 at 10.35.39 AM.png

This will take you to the html code for that element. We need to assign a hexcode Style color to the <ul>

Screen Shot 2022-10-11 at 10.47.50 AM.png


 This is the code I added to <ul> - it should read <ul style="color: #ffffff;">

Screen Shot 2022-10-11 at 10.56.59 AM.png

For different colors, you would change the #ffffff to the Hexcode color you want for your bullets.

Screen Shot 2022-10-11 at 10.48.12 AM.png

If you want to use the other types of bullets, your <ul> will already have style attributes assigned to it. You can just add the  colour: #ffffff; (or whatever your hexcode is)

This is the code for the empty circle bullet:

Screen Shot 2022-10-11 at 10.48.56 AM.png

This is the code for the square bullet:

Screen Shot 2022-10-11 at 10.49.14 AM.png

Click Save Changes when you are done.


I agree it would be nice if this was WYSIWYG and built into the Drag & Drop mail editor!


Agreed! This is a much needed feature.