Contact Form 7
Where to add custom HTML for form design? (3 posts)

  1. renessac
    Posted 3 years ago #

    HI thereā€”I was hoping to find info on what file to use to change the visual design of the form (move the Message text field next to the other fields so it's not one long vertical form; change background colors). I don't need HTML help, just need to know which file to work with!

    Can you let me know? Thank you!!

    (password protected: vibrancy0104)

    P.S. I assume I should use a child theme?


  2. kodomo00
    Posted 3 years ago #

    I'm pretty sure you can do it all with just css.

    Messing with plugins files is generally not a good idea, because all your changes will be gone when you update the plugin.

  3. 7h47
    Posted 3 years ago #

    off course you can.

    In form manager, put your html tag (if you need)
    Ex :

    <div id="bloc-devis">
    <p class="champs"><label>Nom*</label>[text* your-name] </p>
    <div class="input_file_style_new">[file file244]<img src="btn_joindre.png"/></div>
    <p class="champs"><label>Message</label>[textarea your-message] </p>
    <input type="image" name="imageField" id="btn_devis" value="Envoyer"/>

    And after change the style.css.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic