WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. renessac
    Member
    Posted 1 year 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!!

    http://vibrancycom.com/wordpress/contact/
    (password protected: vibrancy0104)

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

    http://wordpress.org/extend/plugins/contact-form-7/

  2. kodomo00
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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"/>
    </div>

    And after change the style.css.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags