New user generate password page

  • Resolved lananas1

    (@lananas1)


    2 years, 5 months ago

    Hi,
    I have customised my login page and it shows fine when going to ‘/my-admin’ to login. However, when a new user is created, they click to generate a password, this login page hasn’t completely shown correctly, only the logo and background colour has changed, the form and box etc. isn’t as I have changed it.
    It also isn’t looking to have updated on the ‘reset password’ page.

    Does something else need to be done for the new look to also apply to the generate password / reset password login pages?

    The process to get to this page is to, Create a new user and send them an email to generate a password. OR, someone to request for a password reset.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter lananas1

    (@lananas1)

    I noticed in the custom CC section of the plugin, the CSS had only the following forms:

    /* Custom CSS for Material Template */
#login form#loginform .input,
#login form#registerform .input,
#login form#lostpasswordform .input,
{
	border-bottom: 1px solid #d2d2d2;
}

.bar {
	position: relative;
	display: block;
	width: 100%;
}

.bar:before, .bar:after {
	content: "";
	height: 2px; 
	width: 0;
	bottom: 15px; 
	position: absolute;
	background: #e91e63; 
	transition: all 0.2s ease;
}

.bar:before { left: 50%; }

.bar:after { right: 50%; }

input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }

    /* end */

    I added #login form#resetpassform .input – so the following:

    /* Custom CSS for Material Template */
#login form#loginform .input,
#login form#registerform .input,
#login form#lostpasswordform .input,
#login form#resetpassform .input{
	border-bottom: 1px solid #d2d2d2;
}

    …
    —
    It still didn’t apply – this css doesn’t look like the whole lot tho – how can I get it to apply to the ‘resetpassform’ ?

    Thanks!

    Plugin Support Muhammad Arslan

    (@wparslan)

    Hey @lananas1

    Thank you for contacting us and explaining your issue in detail.

    We have noted this issue and it will be fixed in the very next update as well.
    Until then you can use this custom CSS to fix this issue.

    Just copy and paste the following CSS at the very end of Login Customizer -> Customizer -> Custom CSS/JS -> CSS.

    #login form#resetpassform .bar:before {
    left: 50%;
    top: 0;
}

#login form#resetpassform .bar:after {
    right: 50%;
    top: 0;
}

#login form#resetpassform .input{
    border: none;
    border-bottom: 1px solid #d2d2d2;
}

    Publish it and enjoy.

    It will resolve your issue. Here is the helping screencast as well.

    Let us know if you need any assistance.

    Thank You.

    Thread Starter lananas1

    (@lananas1)

    Awesome, thanks for getting back to me @wparslan.

    Can I also ask, is it possible to add some text to this page? If so, how can we do that?

    Thanks!

    • This reply was modified 2 years, 5 months ago by lananas1.
    Thread Starter lananas1

    (@lananas1)

    Hi @wparslan, I’ve applied your fix – just to clarify, it’s alot of the css that isn’t applying (not just the underline on the field).
    If you apply the blue template and then go to this page, you will see what I mean (the shadow, rounded edges etc. is not applyiing to the generate password page).

    Thanks!

    Plugin Support Muhammad Arslan

    (@wparslan)

    Hey @lananas1

    We apologize for the inconvenience and we appreciate your input on this issue.

    As described earlier, We have noted this issue and it will be fixed in the next update.

    Although, kindly let me know if the custom CSS which was provided to your resolved your issue?

    Looking Forward.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘New user generate password page’ is closed to new replies.