Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #182293

    Copied a form for salesforce onto this page, cant seem to get the padding in between the form to be smaller. Tried a couple CSS tricks but cant get anything to work. Any ideas? We want the boxes to be closer to each other so its not as much vertical space

    http://www.serverlift.com/ServerLIFT-Demo

    heres a snippet of some of the code

    <style type=”text/css”>
    form .error{
    color: red;
    }
    form input.error {
    border: 1px solid red;
    }
    </style>
    <label for=”first_name”>First Name<span style=”color: red;”>*</span></label><input id=”first_name” maxlength=”40″ name=”first_name” size=”20″ type=”text” class=”required” /><br>
    <label for=”last_name”>Last Name<span style=”color: red;”>*</span></label><input id=”last_name” maxlength=”80″ name=”last_name” size=”20″ type=”text” class=”required” /><br>
    <label for=”title”>Title</label><input id=”title” maxlength=”40″ name=”title” size=”20″ type=”text” /><br>
    <label for=”company”>Company<span style=”color: red;”>*</span></label><input id=”company” maxlength=”40″ name=”company” size=”20″ type=”text” class=”required”/><br>
    <label for=”phone”>Phone<span style=”color: red;”>*</span></label><input id=”phone” maxlength=”40″ name=”phone” size=”20″ type=”text” class=”required” /><br>
    <label for=”email”>Email<span style=”color: red;”>*</span></label><input id=”email” maxlength=”80″ name=”email” size=”20″ type=”text” class=”required email bannedEmail” data-validate-against=”http://www.serverlift.com/BanEmailDomain/api/ban/list.json&#8221; /><br>
    <label for=”country”>Country<span style=”color: red;”>*</span></label><input id=”country” maxlength=”40″ name=”country” size=”20″ type=”text” class=”required”/><br>
    Demo Request:<input id=”00NF0000008kKs1″ name=”00NF0000008kKs1″ type=”checkbox” value=”1″ checked /><br>
    <input type=”submit” name=”submit”>
    </form>
    <!– Form Validation –>

    #182565

    Hi serverlift!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    #top input[type="text"] { margin-bottom: -5px; }

    Cheers!
    Yigit

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Padding for Submit Forms’ is closed to new replies.