Changing color of social media icons

• 

  fourseasonsgw · Member · May 3, 2016 at 10:35 pm

  • Copy link
  • Add topic to favorites

  I would like to change the color of the social media icons on the bottom of the organization theme to the same color as the menu ribbon (green). What is the CSS to do this?

  Thanks, Aimee

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

• 

  thesacredpath · Member · May 3, 2016 at 11:19 pm

  • Copy link

  Hi Aimee, the menu bar is done as a gradient (lighter at top than bottom). I’ve used the base color for the menu icons and also included a hover color that is just a bit lighter so that when someone mouses over them, they will lighten a bit and give them a clue that they are on the link. See what you think.

  .social-icons a {
      background: #9c0 none repeat scroll 0 0;
      color: #333 !important;
  }
  .social-icons a:hover {
      background: #aadd00;
  }

• 

  fourseasonsgw · Member · May 4, 2016 at 4:29 pm

  • Copy link

  Amazing! Thank you for your help!

• 

  thesacredpath · Member · May 4, 2016 at 6:43 pm

  • Copy link

  You are welcome.