Support » Plugin: Caldera Forms - More Than Contact Forms » How to change the colour of the consent field asterisk?

  • Resolved eseyo

    (@eseyo)


    I’ve just added a consent field to my email signup form (to comply with GDPR regulations) and the asterisk is showing on the firm but its red. It appears that this element has its own inline style applied to it.

    I’d like to change the colour of this asterisk to match the accent colour of my website, but I can’t find a way to do this.

    Could you please tell me how I’d go about changing the asterisk from red to #ff8900

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor christiechirinos

    (@christiechirinos)

    Hi eseyo,

    Thanks for using Caldera Forms, that means a lot to us 🙂

    We have a section of our documentation oriented towards using CSS to customize the look & feel of your Caldera Form: https://calderaforms.com/doc/adding-custom-style-caldera-forms/

    Thanks for getting back to me, but this doesnt resolve the problem. The documentation on your website does not address this issue.

    The consent asterisk has its own inline style and I cant see a way to select it and adjust its colour. Are you able to offer any advice on this, and if so, could this advice also be added to your website docs?

    Plugin Contributor christiechirinos

    (@christiechirinos)

    We do not generally help you troubleshoot or provide specific directions for custom code modifications, we are here to help with the plugin’s functionality (which there is no UI option to change the color of the validation asterisk). There are many resources available that can point you in the right direction:

    If you’re adding CSS to your site, again here are our recommendations for where to put your code, recommended themes, tutorials, and other best practices. https://calderaforms.com/doc/adding-custom-style-caldera-forms/

    On the documentation page for any of our hooks, for example this one https://calderaforms.com/doc/caldera_forms_render_get_field/, there is a panel at the end with the header “Where Does This Code Go?” That gives you links to introductory articles about what WordPress hooks are, why you use them and how to use them. It may be worthwhile to review these to make sure your code is somewhere where it will work with Caldera Forms.

    Caldera Forming is our community forum. As a part of this community, you can ask fellow Caldera Forms users for help with custom code and design and learning to implement CSS. https://www.facebook.com/groups/651862761663883

    If you’re looking for comprehensive assistance in developing your site (as opposed to small code modifications), or if you’d rather leave the customization to the professionals, consider reaching out to someone from our list of recommended developers: https://calderaforms.com/recommended-developers/.

    All of our developer documentation for tutorials and troubleshooting help. https://calderaforms.com/category/developer-api/

    With all that said, is it not possible to call the label div by id (which is a uniquely generated number based on form) and then apply your styles to span elements to override #ee0000?

    Hi have exactly the same problem as Eseyo. Could you just explain how to change the colour of the asterisk or hide it? The solution you have provided above seems very complicated and I can’t see a way to just change the colour or hide the asterisk!

    jokkie

    (@jokkie)

    just add this line (for white color)

    .caldera-grid .field_required {
    color:#fff!important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change the colour of the consent field asterisk?’ is closed to new replies.