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
[resolved] Colors Won't Change - Tried adding code to CSS (11 posts)

  1. dv8
    Posted 2 years ago #

    Colors wouldn't change by editing them in the widget area. So I added code to the CSS file. Still didn't do anything. Obviously I'm not doing something right.

    Here's the code I added to my CSS file...

    .simple-social-icons .social-facebook a:hover {background-color: #3D699E !important;}
    .simple-social-icons .social-flickr a:hover {background-color: #fc0589 !important;}
    .simple-social-icons .social-gplus a:hover {background-color: #dd4b39 !important;}
    .simple-social-icons .social-instagram a:hover {background-color: #406e94 !important;}
    .simple-social-icons .social-linkedin a:hover {background-color: #1b86bc !important;}
    .simple-social-icons .social-pinterest a:hover {background-color: #ca2027 !important;}
    .simple-social-icons .social-rss a:hover {background-color: #f38f36 !important;}
    .simple-social-icons .social-twitter a:hover {background-color: #00abf0 !important;}

    Do I have to add something to the beginning of the code?

    Thanks in advance.


  2. dv8
    Posted 2 years ago #

    Nevermind. I fixed it. It was a simple, dumb, mistake.

    Carry on.

  3. prayersnapples
    Posted 2 years ago #

    Hey, quick question: I edited my CSS and got the hover colors to change, but now I want to change the normal background color (from the standard gray to a light brown) - any idea how to do that?

    My site is: http://www.prayersandapples.com

  4. prayersnapples
    Posted 2 years ago #

    ok i just did the same thing - posted this and then figured it out two seconds later! lol here's my solution for anyone else looking:

    .simple-social-icons .social-facebook a {
        background-color: #99cc00 !important;
    .simple-social-icons .social-facebook a:hover {
        background-color: #a69c91 !important;
  5. Just a reminder the widget has a setting for this. :)

  6. dv8
    Posted 2 years ago #

    Yeah, it doesn't work for me when I change it in the widget settings.

  7. sangfroidweb
    Posted 2 years ago #

    I'm with dv8. The last time I tried using this plugin, the settings in the widget don't work. Once you set them you're stuck with those colors... changes are ignored. I remember this from using it some time back.. and then tried again today... the changes don't stick in this current version either. What gives?

  8. Ron Rennick
    MultiSite Guru
    Plugin Author

    Posted 2 years ago #

    Once you set them you're stuck with those colors... changes are ignored.

    My first guess would be caching.

  9. tracypie
    Posted 2 years ago #

    I just tried to modify the colors through the widget and tested it from another computer and it wouldn't work either. It's not a caching issue. It doesn't work. Perhaps it doesn't work with the Genesis Framework? I will try modifying the CSS as listed above. But it would be nice if the developer fixed this. Seems pretty simple.

  10. Dan & Jennifer
    Posted 2 years ago #

    Hi there.

    I'm having the same problem - can't change the widget settings once they've been set the first time... It seems that any changes after the plugin is first configured are ignored. What gives?

    I also can't edit my stylesheet because the plugin seems to be inserting some inline styles right before the close head tag </head> with !important, so anything I add is getting overwritten by those styles. :(


    Can you please confirm if this code is coming from the plugin - though I think it is as I see the same styles right before the </head> on the plugin authors site :) - view-source:http://www.nathanrice.net/plugins/

    I too am using a Genesis child theme and have cleared the cache and everything else I can think of.

    How can we get the plugin settings to work again?

  11. Dan & Jennifer
    Posted 2 years ago #

    LOL - oops - my bad... The customer I was working with had another simple social icons widget buried in a custom sidebar... It was overriding the changes to the first widget. #BLUSHINGNOW

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