Contact form questions

[T4m]

I’m using the short code you provide that can be accessed from the new page/post composer menu for the contact form on my site, as I find when using a custom contact form made with contact form 7 comes out really narrow, I wondered if it’s possible to do a couple of things?

1 – make the text labels that appear inside each field such as Name, Email etc appear in lower case letters

2 – make the red error messages that come up if the form is submitted without certain bits filled in appear with lower case letters.

3 – have the text that tells you the message has been successfully sent that appears at the top of the contact form appear at the bottom of the contact form as especially on a mobile browser this message can be easy to miss.

4 – have the message successfully sent appear in lower case letters.

5 – reduce the minimum of 5 characters required in the name field

[Veena]

Kindly share corresponding page link.

[T4m]

This reply has been marked as private.

[Veena]

Pls use use the following CSS –

::-webkit-input-placeholder {
text-transform: lowercase;
}
:-moz-placeholder { 
    text-transform: lowercase;
}
::-moz-placeholder { 
    text-transform: lowercase;
}
:-ms-input-placeholder { 
    text-transform: lowercase;
}
.contact-form label.form-error, label.form-error {
text-transform: lowercase;
}
.success-msg {
text-transform: lowercase;
}

3.Kindly check whether it is possible in contactform 7 settings.
5.Pls change it in contactform-7 settings page.(Pls find the screenshot)

Attachments:

You must be logged in to access attached files.

[T4m]

Thank you that css seems to have done the job! I’ve had a look in the contact form settings and the only contact forms I can edit the minimum character amount on are ones I’ve created not the one that seems to generate with the contact form shortcode [contact_form mail_to=”me@mydomain.com” phone=false web_url=false subject=true button_color=”default”], am I being a bit silly and missing something?
Thanks,

[Veena]

For setting minimum characters in name field pls modify file contact-shortcodes.php(framework/shortcodes/contact-shortcodes.php) line no:42 to

 $output .= '
' . __('Name *', 'mo_theme') . '
';

[T4m]

Thank you very much for that, if I wanted to change the colour of the red border that comes up around each box when you click/tap in them how would I go about adjusting that?

Thanks,

[Veena]

Pls use the below custom CSS –

input:focus, textarea:focus {
border: 1px solid rgba(143, 184, 155, 0.9);
}

[T4m]

Thanks for that! I’ve just noticed the dotted border that comes up around a box in the contact form still comes up red if say you don’t type in enough characters then click on the next box, is it possible to change the colour of this too please?
Thanks,

[Veena]

Pls use the below custom CSS –

input.form-error {
border: 1px dotted rgba(143, 184, 155, 0.9);
}

[T4m]

Brilliant, thank you!

[Author]

Posts