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

Resolved ftpwp
(@ftpwp)

5 years, 6 months ago

Hi

I’ve seen this page and applied the CSS code but some hover are still not customized…
https://docs.ultimatemember.com/article/270-how-to-change-default-ultimate-member-blue-color-using-css

It’s the case for:
– the hover of the gear wheel in the user’s profile
– the hover of the checkbox when the profile is in edit mode

How can we personalize those colors?

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Support Towhid
(@cryptex_vinci)

5 years, 6 months ago

Hi @ftpwp

Can you please post your site address here.

Thanks
Thread Starter ftpwp
(@ftpwp)

5 years, 6 months ago
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.
Selah
(@tubescreamer)

5 years, 6 months ago
@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, 6 months ago by Selah.
- This reply was modified 5 years, 6 months ago by Selah.
Thread Starter ftpwp
(@ftpwp)

5 years, 6 months ago

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

Thread Starter ftpwp
(@ftpwp)

5 years, 4 months ago

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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘How to change default “blue” color for gear wheel & checkbox hover?’ is closed to new replies.