[Resolved] Unable to align login form in "building account page" tutorial

[Author]

Posts

[WeiS2074]

Hi,

I followed your tutorial https://toolset.com/documentation/user-guides/front-end-forms/building-the-my-account-page/#inserting-the-link-to-the-lost-password-page-into-the-login-form-layout

Question:
1. How do I align the label and textbox like what you did in pic 1 under title https://toolset.com/documentation/user-guides/front-end-forms/building-the-my-account-page/#inserting-the-link-to-the-lost-password-page-into-the-login-form-layout I followed your step and only can make front end like pic 2 and don't see any option to modify the layout.

Suggestion:
1. In the title https://toolset.com/documentation/user-guides/front-end-forms/building-the-my-account-page/#inserting-the-link-to-the-lost-password-page-into-the-login-form-layout it says create a reset password link in my account page. It should be in Login form under content template. Because this page is for un-login user. My account page is for login user.

2. To all your tutorial you should embed the picture in original resolution. It supposes user browse the article by using computer not iPad. The picture is so small to read, I have to click the picture to enlarge, and go back to the article. It's uneffective.

[Minesh]

Hello. Thank you for contacting the Toolset support.

I am not sure why login form is not working with your site as I just checked with our reference site it's working as expected:
=> hidden link

The general idea is that you should create a custom Page "My Account" and create a content template that hold the [wpv-login-form] shortcode and set this content template with Access Group permission when user do not have read permission granted.
More info:
=> https://toolset.com/documentation/views-shortcodes/#wpv-login-form

You can check how this is integrated with our reference site and you can create your own test site on our free test platform http://www.discover-wp.com:
=> https://discover-wp.com/site-types/gyms-and-trainers/
- Please create a test site and see how 'My Account' page is setup.

Regarding your suggestion #1:
- The my account page is controlled by Toolset access and with Toolset access with set the setting that if user is not loggedin we display the content template that holds the login form. I do not think there is much modification required here.

Regarding your suggestion #2:
- I will share the information you shared with our Doc team.

[WeiS2074]

I testes on a new build website, the login form still appears like my picture. How do I approach like your tutorial? Is it any specific css you can share?

[Minesh]

You did not answer the questions I asked. Have you added the login form using the Toolset shortcode?
=> https://toolset.com/documentation/views-shortcodes/#wpv-login-form

If yes, can you please share access details and page link where I can see the login form.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now as guest user (not loggedin): hidden link

I've added the following CSS to the CSS section:
=> hidden link

#forgotpasswordform label, #resetpasswordform label, #loginform label {
    display: block;
}

[WeiS2074]

Thanks Minesh, this is what I want. Do you have any documentation? So that I can adjust "forgot password form" "Reset password form".

[Minesh]

Ok - I just moved the CSS to the "Additional CSS" section of the theme::
=> hidden link

#forgotpasswordform label, #resetpasswordform label, #loginform label {
    display: block;
}

The CSS will work for all forgot-password, login and reset-password forms.

[WeiS2074]

Appreciate your work. Thanks again.