Change the color of social media icons to match custom accent color

• 

  tysonpease · Member · Oct 28, 2017 at 4:30 pm

  • Copy link
  • Add topic to favorites

  I’m using the Sketch theme and have updated the accent color to #6da0c4, but for some reason the social media icons in my footer menu are holding onto the theme’s default orange-red color. I’ve tried looking around the forums for CSS code that would manually update the accent color for these icons and haven’t been able to find anything. Can these be updated via CSS, or are they images that I’m stuck with (…or perhaps I can replace them via CSS as well)?

  The blog I need help with is: (visible only to logged in users)

• 

  tarunvijwani · Member · Oct 29, 2017 at 4:48 am

  • Copy link

  Hi there,

  Please try below CSS code to change your social links color.

  .social-links ul a:hover:before {
    background: #6da0c4;
  
  }

  Please refer this support article for more details for Custom CSS: https://en.support.wordpress.com/custom-css/

  Please note CSS Customizer is only available in Premium or Business upgrade plan.

  Please refer the below articles to know more about business plans:
  http://wordpress.com/pricing
  https://en.support.wordpress.com/business-plan/
  https://en.support.wordpress.com/seo-tools/

  Hope this helps!

• 

  tysonpease · Member · Oct 29, 2017 at 4:20 pm

  • Copy link

  Worked like a charm, thanks tarunvijwani!