Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Changing Login and Signup form line spacing

by

Tips and Tricks HQ Support Portal › Forums › WP eMember › WP eMember Tweaks › Changing Login and Signup form line spacing

Tagged: change line spacing, login form, signup form

  • This topic has 8 replies, 3 voices, and was last updated 12 years, 2 months ago by proseojosh.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 8, 2013 at 10:01 pm #8709
    proseojosh
    Member

    So I have read several posts on how to do change the forms but I can’t figure out where to edit the line spacing. I have edited styles files as well as a couple of php files.

    here is a page that has both signup and login form I need to reduce the spacing between lines as there is too much and it looks awkward.

    March 9, 2013 at 10:23 pm #54301
    admin
    Keymaster

    Please post a link to the page you are referring to so we can see this in our browser. This post has a list of items that you should try to include with your question:

    https://support.tipsandtricks-hq.com/forums/topic/required-info-we-need-to-efficiently-troubleshoot-an-issue

    March 10, 2013 at 9:01 pm #54302
    proseojosh
    Member

    here is an exact link to my page

    [http://bot-bot.com/free-bots/]

    I am using the latest version of wordpress and the plugin

    March 10, 2013 at 9:55 pm #54303
    Peter
    Member

    Hi,

    If by spacing you mean the gap between the label and the field text box then you can put this code in the eMember_custom_style.css file:

    .eMember_label {
    padding: 15px 10px 1px 0;
    }

    The above should reduce the gap but you can experiment and change some of the values to suit your needs.

    March 11, 2013 at 8:36 am #54304
    proseojosh
    Member

    Yes I am talking about the spacing between the label and the text box and also the vertical spacing between the text boxes.

    I have inserted your css into the file and set all values to 0 but still have spacing issues.

    Please see here….

    http://bot-bot.com/

    March 11, 2013 at 11:41 am #54305
    Peter
    Member

    I can’t see any of the code I suggested in the “eMember_custom_style.css” file. Where did you insert it?

    March 12, 2013 at 7:44 am #54306
    proseojosh
    Member

    Ok sorry I had put it in the eMember_style.css

    either way I still have the issue.

    Too much space between the label and the text fields as well as a little too much space between the text fields.

    March 12, 2013 at 12:04 pm #54307
    Peter
    Member

    Due to the fact that the form is actually a css table it is a bit tricky.

    However, try adding the following code in the “eMember_custom_style.css” file:

    #wp_emember_regoFormWithConfirmation .forms tbody td:nth-child(1) {
    width: 20px;
    }

    I tested the above on your site using firebug and it appears to decrease the horizontal space between label and field.

    March 12, 2013 at 5:50 pm #54308
    proseojosh
    Member

    That did it. Thanks looks much better now.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ