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

  1. rachitmagon
    Posted 2 years ago #

    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,


  2. rachitmagon
    Posted 2 years 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
    <div id="myform">
    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
    #myform input {
    background: red;
    That's it guys, Thanks.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic