Email template colors not adding # to colors

This doesn’t fix the root problem, but does it work if you manually put in the # in the text box? I’m thinking there’s some problem that’s preventing the JavaScript color selector controls from adding the # on your site, because they’re correctly including it on my test site.

It works fine if I manually edit it with the DevTools and add the # to the colors. Somehow the # isn’t being added to the color.

• This reply was modified 4 years, 11 months ago by davidgifmc.

If I manually copy and paste the raw HTML into sublime/knote/etc, and open it up in my web browser, it works fine. But with email (tried Fastmail and Gmail), it doesn’t work.
Example: https://www.ifmc.co/email.html

• This reply was modified 4 years, 11 months ago by davidgifmc.

I don’t specifically know why Gmail/Fastmail aren’t accepting the colors that way, but on my suggestion, I meant typing in the # on the WooCommerce settings page so that it makes it into the HTML output.

Yeah, I tried that too, but it won’t let me. The # get removed when the page is saved or refreshed.

Tried it, then this happens. If I hit enter immediately after inputting the #, and then try the template preview, it shows up. If I repeat the process for the other colors, the previous working color stops working and the new color takes over.

• This reply was modified 4 years, 11 months ago by davidgifmc.

Just FYI
WooCommerce version: Version 3.9.3
Wordpress version: 5.3.2

Hmm, same here on the version numbers.

I’ll try to dig into this further tonight or tomorrow, but in the meantime, any errors/warnings in the browser console?

Oh by the way, the default colors were working before I touched them.

No errors in the console from either Chromium (Version 80.0.3987.122 (64-bit)) or Firefox (73.0.1 (64-bit)).

I guess as a band-aid, you could change the values in the database (and avoid saving any additional settings that would overwrite them). I think the options are called “woocommerce_email_background_color”, “woocommerce_email_body_background_color”, “woocommerce_email_base_color”, and “woocommerce_email_text_color”.

I have confirmed that the bandage does work. If I change the database entry for any of them and add # to them, it works. There must be a bug in the system that is removing # from it. I will have to confirm with a fresh install to see if that is the case.
This isn’t resolved, yet. I don’t want to have to go into the database to change to change the colors. That is a lot of work.
Edit: While I am technical and get to the database, the next person might not be able to as easily. So, the level of effort might be different for the next person.

• This reply was modified 4 years, 11 months ago by davidgifmc. Reason: added something
• This reply was modified 4 years, 11 months ago by davidgifmc.

Hi there,

I have been trying to reproduce the issue on my site, however the email template colors seem to be saving with the # symbol without any issues. Whether I am manually entering the hex values, or choosing from the color picker, it always keeps the # as well:

Link to image: https://d.pr/i/YR3PFG

After placing a test order, the email received has the colors applied as expected as well:

Link to image: https://d.pr/i/JtPu3H

Have you had a chance to test on a fresh install? Please try with only WooCommerce active and using the default Storefront theme, just in case there was some code in your theme or another active plugin that was causing this issue on your main site.

Please let me know how that goes! Thank you.

Hey there!

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.