Reducing the Contact Form in size

Discussion in 'Cloriato WordPress Theme' started by gabriellastrano, Dec 13, 2013.

  1. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    Hi, I have a contact form on my website, www.iozzolino.com/contact, but it is really spaced out. Please can you tell me how to reduce the spacing so it takes up less of the page vertically. I want the text boxes and titles closer together.
    Thanks.
     
  2. Harmeet

    Harmeet Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    360
    Likes Received:
    15
    Hello,

    Paste this code in Custom CSS

    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .one_half p {
    margin-bottom: 15px;
    }
    It will solve your issue.

    Thanks & Warm Regards
    Harmeet Singh
    InkThemes.com
     
  3. gabriellastrano

    gabriellastrano Member

    Joined:
    May 6, 2013
    Messages:
    95
    Likes Received:
    1
    Sorry, maybe you mistook what I meant. Similar to my previous thread, I want to reduce the space between the Name, Email, Telephone Number and Message sections etc. that Piyush answered for me, giving me the code below. I'm looking for something similar for the contact form on the Contact page.
    .textwidget #mc4wp-form-1 p {
    margin-bottom: 0px;
    line-height: 15px;
    }
    .textwidget #mc4wp-form-1 input[type="email"] {
    margin-bottom: 2px;
    }
    .textwidget .mc4wp-form label {
    margin-bottom: 0px;
    font-size: 10px ! important;
    }
    .textwidget #mc4wp-form-1 input[type="text"] {
    margin-bottom: 2px;
    }
    .textwidget #mc4wp-form-1 input[type="submit"] {
    background: red;
    }
     
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    For this
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .wpcf7-form p {
    margin-bottom: -6px;
    }
    Thanks & Regards
    Nitesh Raghuwanshi
     

Share This Page