HubSpot Ideas

bryan_m

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
atownsend
Member

This is a NEED!

KDelargy
Member

This is so fustrating!

MReed8
Member

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.

jscianna
Participant

Such a basic, needed feature!

MWatson6
Member

Can you provide a visual on how to do this?

lukedringoli
Member

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

midnitexsonata
Member

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

TerBak
Member

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!

MMills1
Member

Agreed! This is a much needed feature.