Contact form questions

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #10372
    T4mT4m
    Member

    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

    #10395
    VeenaVeena
    Moderator

    Kindly share corresponding page link.

    #10399
    T4mT4m
    Member
    This reply has been marked as private.
    #10415
    VeenaVeena
    Moderator

    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:
    #10434
    T4mT4m
    Member

    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,

    #10455
    VeenaVeena
    Moderator

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

     $output .= '

    ';
    #10538
    T4mT4m
    Member

    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,

    #10559
    VeenaVeena
    Moderator

    Pls use the below custom CSS –

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

    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,

    #10590
    VeenaVeena
    Moderator

    Pls use the below custom CSS –

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

    Brilliant, thank you!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Contact form questions’ is closed to new replies.