Contact Form not responsive

Viewing 3 replies - 1 through 3 (of 3 total)

  • Most things do not come “responsive” by default.

    Do you have the proper meta tags and such?
    Are you using a front end framework such as Bootstrap?

    You can make your forms responsive with some html and css
    Example using Bootstrap3

    <div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Your Name</label><div class="col-sm-10">
[text* your-name default:user_display_name id:inputName1 class:from-control akismet:author placeholder "Your Name here"]
</div>
<label for="inputTextArea" class="col-sm-2 control-label">Your Message</label><div class="col-sm-10">[textarea* your-message 5x class:form-control placeholder "Please enter your message here....."]</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">[submit class:btn class:btn-default "Send It!"]</div>
</div>

    The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

    ??To make your form responsive you need to provide responsive CSS styling to the relevant standard HTML form elements, if your theme doesn’t do this.

    ??For basic responsive resizing you can start with something like:

    .wpcf7-form {
       width: 100%;
}
??
.wpcf7-form input,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea, {
    width: 100%;
}

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Bonjour j’ai des socuis j’ai creer un formulaire sous l’adresse suivant:https://lrvb-asso.fr/2034-2/ mais quand je fais envoyé par mail, j’ai n’est pas dans l’email que je re?oit les champs de données que j’ai créer dans le formulaire du type: lésion blessure,nom,….. Pourquoi? merci

    Adresse: [email protected]

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact Form not responsive’ is closed to new replies.