How to change social profile icons colors in footer


#1

Hi

How can I change color of social icons in footer from this


to


#2

Hello Sergey,

Please try to use this CSS code:

.social-area a {
    border-color: white !important;
    color: white !important;
}

#menu-social a:hover {
	color: white !important;
}

You can add CSS code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

Please feel free to ask any other questions that you might have.

С уважением, Роман.


#3

Thank you very much.
And how can I do it with email in footer?


#4

Please try this:

.contact-email a {
    color: white;
}

.contact-email a:hover {
    color: #3A5D87;
}

Kind Regards, Roman.


#5

Thank you!!!


#6

You are welcome Sergey!

I was glad to help you :slight_smile:

Kind Regards, Roman.