[SOLVED] How to change on hover color of social icon

[Ankit Gupta]

Hello!

 

How Can I change on-hover color of icons? 

 

Please find attached image for your reference.

[dioniz]

In global.css find this:

.footer-container #footer #social_block ul li a:hover {
    color: #fff;
}

Change to desired color

[Ankit Gupta]

Thanks dioniz.

 

But, I want to keep different color of every icon, EG: Blue on Facebook (on hover), Red on Google Plus (on hover).

 

Please help!  

[Ankit Gupta]

I even tired adding this  

a.icon-google-plus:hover:before {
color: red;
}

 

to global.css but no luck.

[dioniz]

Try to do it like this:

.footer-container #footer #social_block .facebook a:hover{
    color:red;
}
.footer-container #footer #social_block .twitter a:hover{
    color:blue;
}

etc...

[Ankit Gupta]

Thank You Sir, Worked for me!

[dioniz]

Glad it worked

I'm marking this thread solved.

[Ubersoldat]

Dear people,
 
I want to change my HOVER actions on facebook with a RED color add to them,
 
This is the script, (attachment)
 
So all i want is this script with RED hover effect so that when i hover my mouse over:

 

profile

bookmarks

groups

startpage

messages

chat icon

 

I will see a fine red color, and when i move the mouse the facebook color goes back to standard

can you send an updated script.txt back?
 
Example url: https://image.ibb.co/n1Fq3k/script_example.png

 

 

I am a newbie and use stylish normaly but i cant figure out the hover color links.

 

many thanks for helping me out,

Edited September 23, 2017 by Ubersoldat (see edit history)