Changing the buttons on login and signup form

Anvil Q&A
9

I figured out the solution at last. The problem wasn’t with my login form but with my buttons. Being a noob with HTML and CSS, I don’t know the exact value to change but I just changed the color of all these to black.

.anvil-role-primary-color > .btn, .btn-primary, .anvil-role-primary-color.file-loader>label {
color: black;
background-color: %color:Primary 500%;
}

.anvil-role-secondary-color > .btn, .anvil-role-secondary-color.file-loader>label {
color: black;
background-color: %color:Secondary 500%;
}

.btn-success, .btn-info, .btn-warning, .btn-danger {
color: black;
}

.anvil-role-primary-color > .btn:hover, .anvil-role-primary-color > .btn:active, .anvil-role-primary-color > .btn:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
color: black;
background-color: %color:Primary 700%;
}

.anvil-role-secondary-color > .btn:hover, .anvil-role-secondary-color > .btn:active, .anvil-role-secondary-color > .btn:focus {
color: black;
background-color: %color:Secondary 700%;
}

It made my login button appear black and hence did the job.

1 Like