Docs

[jairusreflections]

Hi,

I am unable to change the font colour of my contact form for validation errors (i.e. ‘Please fill the required field.’). I wish for it to be red in colour so that i can stand out from the rest of the words.

http://www.jairusreflections.com/contact-us

Thank you.

Regards,
Jairus Reflections

[Thai]

Hi Jairus,

Please add the following CSS under Customizer > Custom > Global CSS:

span.wpcf7-not-valid-tip {
    color: red;
}

Hope it helps 🙂

[jairusreflections]

Hi,

Thank you so much!

May i also know how to edit my ‘submit button’ to be oval in shape? And that it becomes dark upon hovering over it and the words become white while circle becomes dark.

It seems that the word ‘Submit’ is not in the centre as well, could you help with that?

[Rad]

Hi there,

Please add this CSS as well,

  .wpcf7-form-control.wpcf7-submit {
  -webkit-border-radius: 24px;
    border-radius: 24px;
    padding: 0.563em 1.125em 0.5em;
  }
  .wpcf7-form-control.wpcf7-submit:hover {
  color: #fff;
  background-color: #434f5b;
  }

Thanks!

[jairusreflections]

Thank you so much. How do i edit it such that there is more space between the word ‘send’ and the border of the button? and is it possible to edit the font size of the word send?

[Thai]

Hi There,

Please find this code:

.wpcf7-form-control.wpcf7-submit {
	-webkit-border-radius: 24px;
	border-radius: 24px;
	padding: 0.563em 1.125em 0.5em;
}

And change to this:

.wpcf7-form-control.wpcf7-submit {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 25px;
    font-size: 20px;
}

Hope it helps 🙂

[jairusreflections]

Thank you for all your help, really appreciate it 🙂

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts