Color Picker Not Showing actual Color

I recently started using Caldera Forms on my website. I added a color picker as part of a form which is not showing the actual color while or after picking.

While designing the form is shows the color:

<img src="https://www.hbit.co.za/wp-content/uploads/2017/01/color1.png" alt="Designing" />

After publishing the form to a page, it shows this:

<img src="https://www.hbit.co.za/wp-content/uploads/2017/01/color-2.png" alt="Published" />

I am using the Divi Theme.

I have tested this with the 2017 wordpress theme also, getting the same result.

I have looked at the page code with chrome and it shows this:

<span class=”input-group-addon” style=”background-color: #dd3333″ href=”#”></span>

This however is not shown on the page.

Is there not some css code I can add to have the selection box color while choosing the color?

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This topic was modified 7 years, 10 months ago by bdbrown.
• This topic was modified 7 years, 10 months ago by bdbrown.