Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Contact form questions
Tagged: contact form, customise
- This topic has 10 replies, 2 voices, and was last updated 7 years, 6 months ago by
T4m.
-
AuthorPosts
-
November 8, 2014 at 3:13 pm #10372
T4m
MemberI’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
November 10, 2014 at 12:59 pm #10395Veena
ModeratorKindly share corresponding page link.
November 10, 2014 at 3:06 pm #10399T4m
MemberThis reply has been marked as private.November 11, 2014 at 7:11 am #10415Veena
ModeratorPls 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.
November 11, 2014 at 8:20 pm #10434T4m
MemberThank 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,November 12, 2014 at 4:40 pm #10455Veena
ModeratorFor setting minimum characters in name field pls modify file contact-shortcodes.php(framework/shortcodes/contact-shortcodes.php) line no:42 to
$output .= '';
November 17, 2014 at 1:23 pm #10538T4m
MemberThank 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,
November 18, 2014 at 6:43 am #10559Veena
ModeratorPls use the below custom CSS –
input:focus, textarea:focus { border: 1px solid rgba(143, 184, 155, 0.9); }
November 18, 2014 at 8:09 pm #10578T4m
MemberThanks 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,November 19, 2014 at 6:15 am #10590Veena
ModeratorPls use the below custom CSS –
input.form-error { border: 1px dotted rgba(143, 184, 155, 0.9); }
November 20, 2014 at 5:23 pm #10630T4m
MemberBrilliant, thank you!
-
AuthorPosts
- The topic ‘Contact form questions’ is closed to new replies.