I'm trying to use EvolveD theme. At this time, I specifically would like to change the color of the login area.
It is split into two input areas one for Username of for password.
Looks like the background-color is defined in a User Agent Stylesheet and I can't get it to change.
Any help would be insanely appreciated.
Do you mean the white background?
I am shooting for the yellow (off white) login area to change.
Purge cache did not do it but thanks for the reminder to do designer mode.
In Chrome -> Inspect Element, I can see it in the CSS:
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color: rgb(250, 255, 189);
background-image: none;
color: rgb(0, 0, 0);
}
But that is within the "User Agent Stylesheet"
The CSS you need is this:
background: none;
background-color: red;
}
If you have tried to style this already and not having any luck, then it may be you need to clear the cache in Moodle. Try to Purge all cache that should do it.
Cheers
Mary
Thanks Mary,
Your suggestion works (again in IE and FF), so now I am at "How do I prevent User Agent Stylesheets in Chrome"
(and I'm working with Win 10 and updated Chrome)
I have Win 10 (groan)
I'll test it in Chrome.
Be right back
Mary
The CSS seems to have worked as I can see RED input boxes.
That's odd that you see red in Chrome. On my end, I see the red for a second, then it gets overwritten with the yellow in the user agent stylesheet.
If you have theme designer mode on then turn it off.
Try clearing your Browser cache too.
