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 6 months, 3 weeks ago.

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

    Rita
    Participant
    Post count: 89

    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 {
    background-image:url(‘http://edv.womenwithvoice.com/wp/wp-content/uploads/2012/05/facebook100.png’);
    }

    I tried taking out the Facebook specific to see if it would work universally, but that didn’t work either.
    .simple-social-icons {
    background-image:url(‘http://edv.womenwithvoice.com/wp/wp-content/uploads/2012/05/facebook100.png’);
    }

    What am I missing?

    http://edv.womenwithvoice.com/wp/
    #101029

    Susan
    Moderator
    Post count: 9530

    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.

    Thanks!


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

    #104170

    Rita
    Participant
    Post count: 89

    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.