Changing group profile icon colour when hovering

[Gandam]

Hi,

I was wondering whether we can change the icon colour when hovering on BP profile icons and user profile as well? Thanks!! 🙂

Attachments:

You must be logged in to view attached files.

[Staffatico]

Ahhhhhhhhhhhhhh, nifty idea. Great question.

[sharmstr]

The group icons change color on hover just like the profile icons do. Its dependent on your hover colors that you’ve set in theme options.

http://seventhqueen.com/themes/kleo/groups/gladiator/

Or you can do with with css

COPY CODE

#buddypress #item-nav ul li a:hover:before {
    color: red !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Gandam]

@sharmstr
Where do I change it in theme option? Is it under Styling option or where is it exactly, Header or Main?

Regards,

[sharmstr]

Main

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Gandam]

@sharmstr – Thanks for good support!!:) Do I change the colour from Hover Link Color? I’ve set my desired colour there, but nothing happened!! Have I mistaken anywhere??

Attachments:

You must be logged in to view attached files.

[sharmstr]

I was wrong. Use the css I gave you instead.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Gandam]

@sharmstr – Big thanks!! That worked nicely!! But however the sub-menu doesn’t change colour, not sure why!!Pls check the attachment, where do I change that? thanks again!

Attachments:

You must be logged in to view attached files.

[sharmstr]

It doesnt change it because you didnt ask for that. You only asked for the icon to change.

#buddypress #subnav ul li a:hover {
color: green !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Gandam]

@sharmstr – THANK YOU!! 🙂 You have a nice day!!

[sharmstr]

Anytime 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts