Skip Navigation

[Resolved] customize login form

This thread is resolved. Here is a description of the problem and solution.

Problem:

The customer wanted to customize the login form to replace the email and username fields with only the email field and apply custom styling. They were following Toolset documentation but encountered limitations with the Toolset plugin.

Solution:

We explained that Toolset only allows pulling the default WordPress login form, which can be customized using CSS but does not support creating a fully custom login form. To customize the labels and structure, the customer would need to implement custom code. We provided links to WordPress documentation on how to customize the login form using native WordPress functions.

Relevant Documentation:
https://toolset.com/course-lesson/creating-custom-login-forms/#building-a-layout-using-a-login-form
https://codex.wordpress.org/Function_Reference/wp_login_form
https://codex.wordpress.org/Customizing_the_Login_Form

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Sao_Paulo (GMT-03:00)

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Mateus Getulio 4 months, 3 weeks ago.

Assisted by: Mateus Getulio.

Author
Posts
#2710995
Captura de pantalla 2024-08-02 082942.png

Tell us what you are trying to do?
I am trying to customize the login form, I need to replace the email and username only by email and style it.

Is there any documentation that you are following?
https://toolset.com/course-lesson/creating-custom-login-forms/#building-a-layout-using-a-login-form

Is there a similar example that we can see?
hidden link

What is the link to your site?
hidden link

#2711109

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Thank you for getting in touch.

Unfortunately now you won't be able to do this with Toolset because our shortcode only allows you to pull the default WordPress login form and from there you can customize it using CSS but you are not able to create a custom login form using our Toolset plugin.

If you need to customize it using CSS you can see an example here of how target the classes.

The Form is nothing more than a "copy" of the WordPress Login Form.

It does not add any custom HTML structure, only outputs what the native WordPress function does.

So to customise the Labels you will need a Custom Code that produces a Customized form.

This DOC illustrates how you can customise the WordPress Login Form:
https://codex.wordpress.org/Function_Reference/wp_login_form
https://codex.wordpress.org/Customizing_the_Login_Form