The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Simple Social Icons
Changing colour of icons (6 posts)

  1. Braziliannut777
    Posted 2 years ago #


    I am totally new to wordpress, so no experience with web design. I am having a little problem, when I try to change the colour of the icons, I put the code of the colour I want, but as soon as I press 'save' it INSTANTLY GOES BACK TO THE DEFAULT SETTING :( There seems to be a conflict with these icons, and I havent got a clue on what to do to resolve this issue.

    If you know what to do, please provide step by step instructions, as I dont know about codes, neither where to put them.

    I really appreciate your help. Thank you .


  2. sanfairyanne
    Posted 2 years ago #

    I wonder if you ever found out how to change the icon color, I have the same trouble.

  3. Ron Rennick
    MultiSite Guru
    Plugin Author

    Posted 2 years ago #

    What are you entering for a color?

  4. sanfairyanne
    Posted 2 years ago #

    You could Google this http://www.color-hex.com/

    or you could do what I just finished doing. I used the plug in ''Social Stickers'' the problem with Simple Social Icons is that although you can change color you can only change all of the icons to one color, you can't have individual color. Unless I'm seriously mistaken.

    Anyway I got mine working with Social Stickers. Sorry I can't tell you how to actually install the plug in. I had a friend do that because I'm very new to this myself. Once it was installed it was easy to get the plugin to work.

  5. If you are using the widget multiple times, you have to change the settings on each one.

    If the settings do not save automatically, deactivate all your other plugins and try again.

  6. WDBMagic
    Posted 2 years ago #


    I had this problem and changed the settings in the plugins php file but it still did not affect the icon colours. I came across another post that suggested changing them individually and adding the css changes to the themes stylesheet.

    .simple-social-icons .social-youtube a {
    background-color: #EA171A !important;
    .simple-social-icons . social-youtube a:hover {
    background-color: #a69c91 !important;

    I hope this helps someone.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Simple Social Icons
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic