Change social links menu icon color

• 

  theentertainmentesquire · Member · Aug 9, 2020 at 10:08 am

  • Copy link
  • Add topic to favorites

  Hi!

  I would like to change the icon colors of my social links menu in the Shawburn Theme from the current color to #b4a5e6. I have tried about 20 CSS codes from previous posts, but they have not worked for me. I have premium so can access CSS customization as I did to edit my menu color.

  Any help would be greatly appreciated.

  Thank you!
  Melanie

  The blog I need help with is melanie-law.com.

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

• 

  slantedplanet · Member · Aug 9, 2020 at 3:27 pm

  • Copy link

  Hello Melanie!

  I had success using this CSS with your site:

  #masthead .social-navigation ul li a {
  	background: #b4a5e6;
  }

  You will still get the default color on hover–when a pointer hovers over the social icon. If you want to change the hover color too, add this CSS:

  #masthead .social-navigation ul li a:hover {
  	background: green;
  }

  In this example, I set the hover color to green.

  Please let us know if this works for you.

• 

  theentertainmentesquire · Member · Aug 11, 2020 at 7:30 pm

  • Copy link

  Thank you @drizzleblocks! This worked great!

• 

  theentertainmentesquire · Member · Aug 11, 2020 at 7:30 pm

  • Copy link

  Thank you @drizzleblocks! This worked great!

• 

  staff-mckluskey · Staff · Aug 12, 2020 at 10:05 am

  • Copy link

  Thanks for helping out @drizzleblocks!

  @melamaziing, remember that with your plan you can access Live Chat directly via https://wordpress.com/help/contact. That way you can get help faster.