[nrgjdoria]

Just wondering if it’s possible to put the default colors of the social icons in the header and footer social menu – to look better. I tried the Catch social icons plugin, but it seems like it only works on Widgets. If only I could put short codes for pages using short code or html blocks, then it would be another option to put them on top of the pages.

My website is cookinginaction.com

Thanks

Nick

[Skandha]

@nrgjdoria: Hello Nick,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

a[href*="facebook.com"]:hover {
    color: #3b5998;
}
a[href*="pinterest.com"]:hover {
    color: #c8232c;
}
a[href*="instagram.com"]:hover {
    color: #3f729b;
}

Let me know if this what you want!
Kind Regards,
Skadha

[nrgjdoria]

The color changes to right color now when you hover, but is it possible to just show always not just hover?

Nick

[Skandha]

@nrgjdoria: Hello Nick,
Yes that is possible. Replace the above code by the following.

a[href*="youtube.com"] {
    color: #c4302b;
}
a[href*="facebook.com"] {
    color: #3b5998;
}
a[href*="pinterest.com"] {
    color: #c8232c;
}
a[href*="instagram.com"] {
    color: #3f729b;
}
a[href*="youtube.com"]:hover {
    color: #c4302b;
}
a[href*="facebook.com"]:hover {
    color: #3b5998;
}
a[href*="pinterest.com"]:hover {
    color: #c8232c;
}
a[href*="instagram.com"]:hover {
    color: #3f729b;
}

Let me know if this what you want!
Kind Regards,
Skadha

[nrgjdoria]

Awesome! This is resolved… Thanks again for your prompt and excellent customer/tech support service!

Nick

[Skandha]

@nrgjdoria: Glad I could help you out. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts