Ready to get started?Download WordPress


Simple Social Icons
[resolved] Colors Won't Change - Tried adding code to CSS (11 posts)

  1. dv8
    Posted 1 year 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 1 year ago #

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

    Carry on.

  3. prayersnapples
    Posted 1 year 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 1 year 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 1 year ago #

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

  7. sangfroidweb
    Posted 9 months 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 9 months ago #

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

    My first guess would be caching.

  9. tracypie
    Posted 7 months 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 6 months 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 6 months 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

About this Topic