Hi,
For some reason I haven't been able to edit the "Login" window in any way, even with the !important tags.
I haven't had any problems editing the other pages in CSS, but this one doesn't cooperate with me. Not sure if it's locked or if it's something I'm doing wrong.
This is what I've written, I have tested multiple variations of this:
//Login/Registration
//Window
.Dialog-container-uCx0n {
background-color: #080808 !important;
}
//Title
.Dialog-container-uCx0n h1 {
color: #FFF !important;
}
//Sign in button
.Button-container-BtFfe {
background-color: #FFF !important;
color: #000000 !important;
}
//Bottom text
.Dialog-container-uCx0n footer a {
color: #FFF !important;
}
//Input fields
.Input-container-1PpPx input {
font-family: 'Clarkson', 'Proxima Nova', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
color: #FFF !important;
background-color: #000000 !important;
}
//Hide header "login button"
.user-accounts-link.loaded .user-accounts-text-link {
display: none;
}
Thank you!