I have to recolor my client’s website. The main color is #ec55d8. When I enter this color code into the Enfold styling settings, it automatically changes it to #ec55468. I’m able to use that color for other areas of the website such as headings, icons, buttons. Why is this color code not be accepted?

Is there a solution for this? I have the same problem: when I enter “#0052a2” as “Alternate Content background color” it is automatically changed to “#0051a2”. Minor difference, but nevertheless annoying…

You might want to investigate you child theme styles or Quick Css that might overrule the setting you are trying to save. Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.

I’m sorry for hijacking this thread, it seems that I had a different problem than Lyse. My problem was that whenever I inserted the following hex value for color “#0052a2” into any field with a colorpicker, the value has been automatically (via some JavaScript) converted to “#0051a2”. You can try it on your own Enfold installation, I believe this problem is caused by colorpicker JavaScript library that Enfold uses. It has not been maintained since 2009: http://www.eyecon.ro/colorpicker/

I work-arounded the problem by editing avia_colorpicker.js, but I’d like to suggest that your developers update this library to some more up to date version. Here’s a clone of the legacy library by Stefan Petre that I found on GitHub: https://github.com/itsjavi/bootstrap-colorpicker

Now I see. In your first post you mentioned “#ec55d8”, but this color works fine. With “#ec5548” I can reproduce the issue (same as mine).

If you’re feeling adventurous, you can apply the fix that worked for me. You only have to replace one line of JS code in enfold/framework/js/avia_colorpicker.js. On line 127 replace picker.find('.colorpicker_hex input').val(hexCol).trigger('change'); with avia_cp.AviaColorPickerSetColor(hexCol.substr(1));

With this fix, the color picker pop up window still displays the wrong value, but the main input field keeps any value that is inserted directly into it, so just paste the color value directly into input field like you did before.

Of course, as soon as you update Enfold theme, this change will be gone, so keep a backup of patched avia_colorpicker.js file.