Social Icons color changed without a code change

  • Resolved GloriaT8

    (@gloriat8)


    6 years, 6 months ago

    I have the social widget in 3 areas (header left, sidebar, and footer). They are all set to the exact same specifications (teal icon, white background, grey background hover, white icon hover). The header left widget is fine but the sidebar and footer widget now have a grey background (instead of white). Oh and they changed on their own! I never tinkered with the code. They do function properly. When I go to customization, it says its white. I’ve had my host, Fatcow (who isn’t always dependable) clear my cache, I’ve cleared my caches and did a reset, my theme developer took a look and suggested I turn to plugin support. Help! It looks terrible. Also, Ive tried to change all the colors just to see if I could change anything and I can’t do that either.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Nick C

    (@modernnerd)

    Hi @gloriat8.

    It’s possible for background colors to conflict if multiple icon widgets are active.

    We plan a fix for this in an upcoming version but, for now, you can add this CSS to Appearance → Customize → Additional CSS, or to the bottom of your theme’s stylesheet:

    .site-header .simple-social-icons ul li a,
body .simple-social-icons ul li a {
	color: #6ecfbe !important;
	background-color: transparent !important;
}

.site-header .simple-social-icons ul li a:hover,
body .simple-social-icons ul li a:hover {
	color: #fff;
	background-color: #666 !important;
}

    This will give the icons consistent colors in all three locations.

    Thread Starter GloriaT8

    (@gloriat8)

    YAY! THANK YOU! I put in in my “additional css.” I do have another social plugin so that must be it. It’s a social share icon plugin that I can customize with my theme. When you guys update are you updating to not have conflicts or to have customizable social share icons? Also, when you do update, do you recommend I delete the “additional css” code? Thanks so much for responding so quickly and with a solution. I appreciate you.

    Plugin Contributor Nick C

    (@modernnerd)

    Great to hear it helped — thanks for your kind words!

    > When you guys update are you updating to not have conflicts or to
    > have customizable social share icons?

    To prevent conflicts of the type you’ve seen if different (or inactive) widgets have different colors set.

    > Also, when you do update, do you recommend I delete the “additional
    > css” code?

    You can leave that in place now unless you want to change the colors again or switch theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Social Icons color changed without a code change’ is closed to new replies.