WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Change layout of Jetpack contact forms (2 posts)

  1. rachitmagon
    Member
    Posted 11 months ago #

    Hi,
    I am making a small wordpress website for a friend, and I have just installed jetpack, I am using Jetpack Contact Forms but I want to edit a few small CSS elements of the contact form. Can someone please guide me on how to change the CSS (just basic design etc) of the form? You can check the Contact page on http://floc.co.in/contact-us/
    Thanks a lot,
    Rachit.

    http://wordpress.org/plugins/jetpack/

  2. rachitmagon
    Member
    Posted 11 months ago #

    Hi friends,
    I'm sorry I guess it was a very stupid question to ask at all, but just in case someone is looking to do the same thing I am writing down how I `did it:
    1. Open the page where you have the form
    2. Go to text mode surround your form's shortcode with a div
    eg:
    <div id="myform">
    [contact-form]....[/contact-form]
    </div>
    3. Go to Jetpack, scroll down to Custom CSS
    4. Click On Configure
    5. Now you can add your own css like you add it to any form
    eg:
    #myform input {
    background: red;
    }
    That's it guys, Thanks.

Reply

You must log in to post.

About this Plugin

About this Topic