How to customize default password-protected page using Microthemer & Elementor?

Author Posts

NACM Connect February 15, 2023 at 7:24 pm

We are using Elementor for our page builder and have Microthemer installed.

Is there a way to change the background color of the password field for the default WordPress password-protected page?

Not sure how to do this.

Sebastian February 15, 2023 at 7:40 pm

Hey,

Yes, you can style the WordPress login page by navigating to it via:

Settings > Page

There is an option for the Login page in the menu, under the heading “WordPress”.

If you’re having a specific issue overriding the browser’s autofill styling of the password field, which can happen in Chrome, try using the following selector:

#loginform .input,
#loginform .input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px yellow inset;
}

Paste the above selector into the code editor to the left of the Font property group. And then change “yellow” to whatever color you want.

This stackoverflow article explains the issue.

I hope that helps. Please let me know if you need further assistance.

Thanks,
Sebastian

You must login or register to reply to this topic.