[wpv-login-form] Styling

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

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

This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	-	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00
-	-	-	-	-	-	-

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Tagged: Front-end display, Layouts plugin

This topic contains 1 reply, has 2 voices.

Last updated by Beda 7 years, 10 months ago.

Assisted by: Beda.

Author

Posts

November 18, 2016 at 11:33 pm #458497

stuart

I am trying to: style this [wpv-login-form]

I want it to be an inline form ... but cant see to see how I can style it like this bootstrap example as the input fields are not visible to me to style.

<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Fred">
</div>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="fered@example.com">
</div>
<button type="submit" class="btn btn-default">Login</button>
</form>

thanks fro your help guys

November 20, 2016 at 7:49 am #458682

Beda

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

The forum ‘Types Community Support’ is closed to new topics and replies.

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.