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, 7 months ago by
proseojosh.
-
AuthorPosts
-
March 8, 2013 at 10:01 pm #8709
proseojosh
MemberSo 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 #54301admin
KeymasterPlease 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:
March 10, 2013 at 9:01 pm #54302proseojosh
Memberhere 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 #54303Peter
MemberHi,
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 #54304proseojosh
MemberYes 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….
March 11, 2013 at 11:41 am #54305Peter
MemberI 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 #54306proseojosh
MemberOk 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 #54307Peter
MemberDue 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 #54308proseojosh
MemberThat did it. Thanks looks much better now.
-
AuthorPosts
- You must be logged in to reply to this topic.