Remove "Contact Number" Field from Form

Discussion in 'Local Business WordPress Theme' started by tsaj, Feb 15, 2013.

Thread Status:
Not open for further replies.
  1. tsaj

    tsaj Member

    Joined:
    Dec 28, 2011
    Messages:
    34
    Likes Received:
    0
    What css code do I need to use to remove the "contact number" field from the lead capture form?
    I have already removed the message field using this css:

    .signupform input[type="text"] {
    margin-left: 130px;
    }
    .signup .signupform textarea {
    display:none;
    }

    but I cant figure out the code for the contact number field. Thanks
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .signup .signupform #contact {
    display: none;
    }
    .signup .signupform textarea {
    display: none;
    }
    .signupform input[type="text"] {
    margin-left: 130px;
    }
    .captcha_color p {
    float: left;
    }
    This will solve your issue.
     
  3. tsaj

    tsaj Member

    Joined:
    Dec 28, 2011
    Messages:
    34
    Likes Received:
    0
    Thank you. The "contact number field has been removed, but there is now a huge gap between the "Email Field " and the captcha. How do I remove the gap? form-issue.jpg

    This is the code I am using:

    .signup .signupform #contact {
    display: none;
    }
    .signup .signupform textarea {
    display: none;
    }
    .signupform input[type="text"] {
    margin-left: 130px;
    }
    .signupform input#vercode{
    margin-right: 120px;
    }
    .captcha_img {
    margin-right:88px;
    }
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  5. tsaj

    tsaj Member

    Joined:
    Dec 28, 2011
    Messages:
    34
    Likes Received:
    0
    Thank you Piyush.
    However I would prefer if you gave me the solution and I do it myself.
    That way, I will know what to do if another client makes the same request.
    The code above and below clearly shows what I have done and the image clearly shows the current result.
    Now I need to know, if there is another css code, I can use to close the gap that has been left as a result of taking out the "contact number" field, or do you still require access to my clients's site.
    Thank you.

    [​IMG]

    .signup .signupform #contact {
    display: none;
    }
    .signup .signupform textarea {
    display: none;
    }
    .signupform input[type="text"] {
    margin-left: 130px;
    }
    .signupform input#vercode{
    margin-right: 120px;
    }
    .captcha_img {
    margin-right:88px;
    }
     
  6. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Paste the following code in your custom css
    Appearance -> Theme Options -> Styling Options -> Custom CSS
    Code:
    .signupform input#vercode{
    top:100px;
    }
    .captcha_img {
    top:100px;
    }
    .signupform .error {
    line-height: 0px;
    }
    This will solve your issue.
     
  7. tsaj

    tsaj Member

    Joined:
    Dec 28, 2011
    Messages:
    34
    Likes Received:
    0
    Thanks very much. The issue is now sorted. :)
     
Thread Status:
Not open for further replies.

Share This Page