WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. dv8
    Member
    Posted 7 months 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.

    http://wordpress.org/plugins/simple-social-icons/

  2. dv8
    Member
    Posted 7 months ago #

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

    Carry on.

  3. prayersnapples
    Member
    Posted 7 months 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
    Member
    Posted 7 months 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
    Member
    Posted 7 months ago #

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

  7. sangfroidweb
    Member
    Posted 1 month 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 1 month ago #

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

    My first guess would be caching.

Reply

You must log in to post.

About this Plugin

About this Topic