Hex Color not being accepted in Enfold styling

Hi Lyse, Hi Victoria,

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…

Cheers,
Česlav

Hi Victoria,

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

Greetings,
Česlav

• This reply was modified 7 years, 3 months ago by bluechip1. Reason: grammar

Hi Lyse,

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.

Greetings,
Česlav