What can we do to make it easier to design with Wild Apricot?

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.

https://tscc.wildapricot.org/

(the login button link colors are dark blue and disappear into the background image, I want them to be white)

1 vote
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)

We’ll send you updates on this idea

stevanplavsa shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

6 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...
  • stevanplavsa commented  ·   ·  Flag as inappropriate

    Yes!

    Thank you!!!!

    Sorry for the delayed response I've been working on other things. Amazing, just what I wanted.

  • Alexey Podolsky commented  ·   ·  Flag as inappropriate

    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.

  • stevanplavsa commented  ·   ·  Flag as inappropriate

    [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.

Feedback and Knowledge Base