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
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

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

    5 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • stevanplavsastevanplavsa 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 PodolskyAlexey 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.

      • stevanplavsastevanplavsa 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

      Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7