change every social button

• 

  baertigerbackpacker · Member · Jan 6, 2017 at 10:13 am

  • Copy link
  • Add topic to favorites

  I tried to change the color of the social buttons
  as example
  facebook darkblue
  twitter lightblue
  and so on
  how can I do that
  i tried it but every button have the same color

  thx

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

• 

  eallas · Member · Jan 6, 2017 at 3:25 pm

  • Copy link

  Howdy baertigerbackpacker!

  The following CSS is for each icon. Change the color as you wish by name, HEX, RGB, etc..

  Facebook:

  .wf-active .genericon-facebook {
  	color: darkblue;
  }

  Twitter

  .wf-active .genericon-twitter {
  	color: lightblue;
  }

  Instagram

  .wf-active .genericon-instagram {
  	color: white;
  }

  Youtube

  .wf-active .genericon-youtube {
  	color: red;
  }

  For more information on your color options, you can find them at http://www.w3schools.com/colors/colors_names.asp

• 

  baertigerbackpacker · Member · Jan 7, 2017 at 9:25 am

  • Copy link

  I tried that but it doesn’t work

  the social buttons are all light blue because I use that here for my other sentence to make him lightblue

  a, h1.posttitle, h2.pagetitle, .menu a:hover, .pagetitle, .masonry-container a:hover, h3#reply-title, .post-edit-link:hover, h3#comments, #related-posts h5 {
  color: #76d9c4;
  }

  your codes dosnt work with that and without my code

• 

  thesacredpath · Member · Jan 7, 2017 at 7:00 pm

  • Copy link

  Hi, @eallas was on the right track, but we don’t need the .wf-active with the social icons. The following will do. I used the actual facebook and twitter blue, but you can change those if you desire.

  .genericon-facebook {
  	color: #3B5998;
  }
  .genericon-twitter {
  	color: #60C7EF;
  }
  .genericon-instagram {
  	color: white;
  }
  .genericon-youtube {
  	color: red;
  }

• 

  baertigerbackpacker · Member · Jan 7, 2017 at 9:01 pm

  • Copy link

  3 of that four emblems working but not the facebook emblem
  I tried to change the color but it does not work

• 

  baertigerbackpacker · Member · Jan 7, 2017 at 9:23 pm

  • Copy link

  ok it works now thx I made a mistake :D

• 

  thesacredpath · Member · Jan 7, 2017 at 10:30 pm

  • Copy link

  You are welcome!