- This topic has 8 replies, 3 voices, and was last updated 11 years, 8 months ago by .
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.
Support site for Tips and Tricks HQ premium products
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
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.
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:
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
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.
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….
I can’t see any of the code I suggested in the “eMember_custom_style.css” file. Where did you insert it?
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.
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.
That did it. Thanks looks much better now.