eMember – Increase distance between fields in registration form

[Cervellotto]

How can I Increase distance between fields in registration form and adjust the left margin in login form.

I do not know much about php. I want to know where can I adjust these settings. If I have to act on the CSS, In which part?

[johnw1965]

Got a link to the site on the web so we can take a look?

All formatting adjustments will be done via CSS.

[Peter]

@Cervellotto,

Just add the following code to the css file called eMember_custom_style.css

.wp_emember_loginForm {

margin-left: 15px;

}



#wp_emember_regoFormWithConfirmation td {

border-top: 1px solid #DDDDDD;

padding: 6px 10px 6px 0;

}

The first part should take care of the margin for the login widget.

The second part will fix up the registration form.

[Cervellotto]

Hi John. My website is [www.cervellotto.net] inthe homepage you can see lgin form but fields are over left. While the registration form is here [http://cervellotto.net/join-us/registration/] but the lines of the fields are too close.

Peter I’m trying to paste the code you gave me, but nothing change!!! Helps please. I pasted you code il the eMember_custom_style.css, but doesn’t works.

thank you both.

[Cervellotto]

Peter I hit F5 to refresh the page and now it works great.

Now fields are properly spaced and also the left margin.

I have the same problem with fields of edit profile. fields are too close together

FOR BOTH: I hope you can help me again. I take advantage of your skills. Is there a way to make the login form and the registration page aesthetically more beautiful? such as changing the white background and putting a color gradient.

Thanks for your help and sorry for my english.

Sandra

[Cervellotto]

I have the same problem with fields of edit profile page. fields are too close together.

May say me how can I adjust it?

Thanks a lot

Sandra

[admin]

Hi Sandra, Please do the following:

1) Create a test membership account

2) Share the login and password of this test member account

3) Share a link to your edit profile page so I can go there and see what you mean.

[Cervellotto]

Hi Admin.

The test members is

USername: francesco38

Password: francesco 38

As you can see in the profile edit page, fields are too close. you should help me to give them a bit of vertical distance.

Thanks

Sandra

[admin]

For some reason your theme is not specifying any margin or padding between the table rows. This is something a theme usually defines. Anyway, add the following CSS to the custom CSS file and it will add a bit of padding in the edit profile fields:

#wp_emember_profileUpdateForm td {

padding: 10px;

}

[Cervellotto]

Thanks Admin. Now it works good!

May you take a look here?

[https://support.tipsandtricks-hq.com/forums/topic/wp-emembers-newsletter-integration]

[Author]

Posts