Changing color of social icons

• 

  sharonwilharm · Member · Aug 15, 2020 at 6:27 pm

  • Copy link
  • Add topic to favorites

  I added a social icons block to my page, but all the icons are their default colors. I’d like to make them all the same color in the color scheme of my website. What is the code I need to add to do that? The color I want them to be is #bb2a2a.

  Thanks!

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

• 

  correspondwithjohn · Member · Aug 15, 2020 at 6:43 pm

  • Copy link

  
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #bb2a2a;
}

  .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
  background-color: #bb2a2a;
  }

  .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
  background-color: #bb2a2a;
  }

  .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #bb2a2a;
}


  This should do the trick for you. Let us know if you need any more assistance. :)

  -John

• 

  sharonwilharm · Member · Aug 15, 2020 at 6:49 pm

  • Copy link

  Thank you so much!

• 

  staff-mckluskey · Staff · Aug 16, 2020 at 2:00 pm

  • Copy link

  Thanks for helping out @correspondwithjohn!

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