Skip to content

Instantly share code, notes, and snippets.

@ipokkel
Created June 21, 2024 08:09
Show Gist options
  • Save ipokkel/ec578dceaad7953f243f86c0f89e4a1f to your computer and use it in GitHub Desktop.
Save ipokkel/ec578dceaad7953f243f86c0f89e4a1f to your computer and use it in GitHub Desktop.
Blank CSS example template for the login, lost password, and reset password forms.
/* General styling for the form container */
.pmpro_login_wrap,
.pmpro_lost_password_wrap,
.pmpro_reset_password_wrap {
/* Add your styling here */
}
/* Styling for the form element */
.pmpro_login_wrap #loginform,
.pmpro_lost_password_wrap #lostpasswordform,
.pmpro_reset_password_wrap #resetpassform {
/* Add your styling here */
}
/* Styling for input fields */
.pmpro_login_wrap #loginform .input,
.pmpro_lost_password_wrap #lostpasswordform .input,
.pmpro_reset_password_wrap #resetpassform .input {
/* Add your styling here */
}
/* Styling for labels */
.pmpro_login_wrap #loginform label,
.pmpro_lost_password_wrap #lostpasswordform label,
.pmpro_reset_password_wrap #resetpassform label {
/* Add your styling here */
}
/* Styling for the submit button */
.pmpro_login_wrap #wp-submit,
.pmpro_lost_password_wrap .pmpro_btn-submit,
.pmpro_reset_password_wrap .pmpro_btn-submit {
/* Add your styling here */
}
.pmpro_login_wrap #wp-submit:hover,
.pmpro_lost_password_wrap .pmpro_btn-submit:hover,
.pmpro_reset_password_wrap .pmpro_btn-submit:hover {
/* Add your styling here */
}
/* Styling for the log in link */
.pmpro_lost_password_wrap .pmpro_actions_nav a,
.pmpro_reset_password_wrap .pmpro_actions_nav a {
/* Add your styling here */
}
.pmpro_lost_password_wrap .pmpro_actions_nav a:hover,
.pmpro_reset_password_wrap .pmpro_actions_nav a:hover {
/* Add your styling here */
}
/* Styling for hidden fields */
.pmpro_login_wrap .wpa_hidden_field {
/* Add your styling here */
}
/* Styling for the password strength result */
.pmpro_reset_password_wrap #pass-strength-result {
/* Add your styling here */
}
/* Styling for hint text */
.pmpro_reset_password_wrap .lite {
/* Add your styling here */
}
/* Styling for disabled submit button */
.pmpro_reset_password_wrap .pmpro_btn-submit:disabled {
/* Add your styling here */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment