How to change default “blue” color for gear wheel & checkbox hover?

Hi @ftpwp

Can you please post your site address here.

Thanks

Can you please post your site address here.

Nope, it’s a private family website.

If your concern is related to the context, I’m on:

• WordPress 5.2.4
• OceanWP 1.7.1
• PHP 7.1
• Ultimate Member 2.0.56

But I’ve also changed for Twenty Nineteen and it changes nothing. Exact same behavior so it’s not related to the theme.

@ftpwp If you right click and inspect element on the gear and scroll down a bit in the side pane, you’ll see

.um-profile.um .um-profile-headericon a:hover, .um-profile.um .um-profile-edit-a.active
     color: #3ba1da;
}

Just change the color to whatever color you want in Custom CSS and add !important after it, so for example,

.um-profile.um .um-profile-headericon a:hover, .um-profile.um .um-profile-edit-a.active
     color: #ff0000 !important;
}

This worked for me.

• This reply was modified 5 years, 4 months ago by Selah.
• This reply was modified 5 years, 4 months ago by Selah.

Hi @tubescreamer

> If you right click and inspect element on the gear
> and scroll down a bit in the side pane, you’ll see…

Thanks for the advise!

> Just change the color to whatever color you want in
> Custom CSS and add !important after it

It took me a bit of time to realize you forgot the “{” in your code and that’s why it was not working for me, but it’s now fixed and it works like a charm!

Thanks for your help ??

I guess the UM needs to add this code in this page…
https://docs.ultimatemember.com/article/270-how-to-change-default-ultimate-member-blue-color-using-css

The issue is indeed fixed for me, but the documentation has still not been updated…
https://docs.ultimatemember.com/article/270-how-to-change-default-ultimate-member-blue-color-using-css