Skip Navigation

[Resolved] how add bootstrap for login dialog?

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

Problem:
How to style (using bootstrap) this Login form created using CRED form:
[wpv-login-form]

Solution:
Use Custom HTML and CSS to style the Login form differently from the WordPress native Login form.
As an example a display: flex applied on the container div will put your input fields inline.

For reference, this should help:
https://codex.wordpress.org/Customizing_the_Login_Form

This support ticket is created 7 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 2 replies, has 2 voices.

Last updated by Mario 7 years, 3 months ago.

Assisted by: Noman.

Author
Posts
#553884
2017-07-28_13h42_23.png

I am trying to add bootstrap and form-control classes to [wpv-login-form] like on other CRED-Input-fields (output='bootstrap').
Instead i get layout like in attached image.

Does that mean i have to a add classes with JS or style the form by my own CSS?
If so, then i would like it to have an parameter 'output' exactely same like CRED-fields.

#553940

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Mario,

Thank you for getting in touch with us. This login form is simply copying the WordPress standard Login form.

You need to use Custom HTML and CSS to style this Login form differently from the WordPress native Login Mockup.
As an example a display: flex applied on the container div will put your input fields inline.

For reference, this should help:
https://codex.wordpress.org/Customizing_the_Login_Form

Thanks

#553974

ok, thank you very much Noman.