Login Button Link Color
Hi All,
I don't know CSS and there's one thing I want to change on my site: the font color in the login button gadget. I feel like I should be able to do this with the advanced settings in the gadget but I don't know how! I've read all the KB articles on customizing with CSS, customizing gadgets, etc and understanding CSS is a prerequisite.
Many thanks.
(the login button link colors are dark blue and disappear into the background image, I want them to be white)
-
Will Keyworth commented
how about the mobile login/menu button items?
-
stevanplavsa commented
Yes!
Thank you!!!!
Sorry for the delayed response I've been working on other things. Amazing, just what I wanted.
-
Alexey Podolsky commented
just added the following lines to your theme css:
.WaGadgetLoginButton a.loginBoxChangePassword,
.WaGadgetLoginButton a.loginBoxLogout,
.WaGadgetLoginButton .loginBoxProfileLink a
{
color: white;
}this code seems to do the trick. please report if everything's right.
-
CPorter commented
Ahhh. Now that I reread your question I see what you are asking. There are several ways to achieve what you are wanting but the simplest method to try first is this. I put a little screen video together to demonstrate.
https://www.youtube.com/watch?v=dhaTL59j70I&feature=youtu.be
-
stevanplavsa commented
[quote user="Carolyn Porter"]Looks like you fixed it![/quote]
Heh, I wish :)
When logged out the button is blue with white font face. When logged in there is no button, just the links: Username, Change Password, Log out
.. and they are navy, just about invisible over that background.
-
CPorter commented
Looks like you fixed it!