Simple Social Icons customize icons

Community Forums Forums Design Tips and Tricks Simple Social Icons customize icons

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Rita 1 year, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #93684


    I’m trying to upload a custom icon for the simple social icons on my clients test site. I’ve only been able to edit the hover color using this code:

    .simple-social-icons .social-facebook a:hover {
    background-color: #4965a0 !important;

    I tried removing the a:hover thinking it would enable me to change the actual icon, but that didn’t work.
    .simple-social-icons .social-facebook {

    I tried taking out the Facebook specific to see if it would work universally, but that didn’t work either.
    .simple-social-icons {

    What am I missing?


    As you posted this a while ago, I hope your issue has been resolved. If not, report back here, and I will attempt to assist (or escalate as appropriate.

    If your issue was resolved, please mark it “resolved”, so that it can be closed.


    Susan @ One Happy Studio I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts



    It wasn’t working, so I decided not to use the plugin. I ended up adding text only to pull the images I wanted into the “header right” area.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Simple Social Icons customize icons’ is closed to new replies.