Simple Social Icons customize icons

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

This topic is: resolved

This topic contains 1 reply, has 1 voice, and was last updated by  YippyMomma 5 months, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #93685

    YippyMomma
    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 which worked to change the hover color:

    .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?

    • This topic was modified 5 months, 3 weeks ago by  YippyMomma.
    • This topic was modified 5 months, 3 weeks ago by  YippyMomma.
    http://edv.womenwithvoice.com/wp/
    #93855

    YippyMomma
    Participant
    Post count: 89

    Not sure why there’s a duplicate of this post so I’m close it and leaving the other one open.

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

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