How to setp up social media icons like the template Maxwell

• 

  lorenedevbil · Member · Feb 27, 2017 at 9:10 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’d like to set up my social media icons just like show in the Maxwell theme example.
  How could I do?
  May I use my own color?
  Thanks a lot for you help.
  Loren

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

• 

  staff-loquaciousloon · Staff · Feb 28, 2017 at 3:31 pm

  • Copy link

  Hi there!

  It looks like you’ve added your links to Maxwell’s Social Links Menu :)

  If you haven’t already seen it, this setup page has some helpful tips on how to configure Maxwell: https://wordpress.com/theme/maxwell/setup

  To change the color of the icons, you can use some Custom CSS (part of a Premium Plan or Business Plan).

  Try adding this under My Site > Customize > CSS:

  .jetpack-social-navigation .menu li a:before {
      color: #6fced8;
  }

  You can swap out #6fced8 with a different HTML color code if needed :)

• 

  lorenedevbil · Member · Feb 28, 2017 at 4:54 pm

  • Copy link

  Hello,
  Thank you very much but I must do something wrong because it doesn’t work…
  I’m sorry

• 

  staff-loquaciousloon · Staff · Feb 28, 2017 at 5:07 pm

  • Copy link

  Nope – you actually didn’t do anything wrong at all! There was a type in my CSS (it was missing the leading dot) Sorry about that!

  I’ve fixed it now, so you should be all set (your icons currently match the background color of your site). The above CSS has also been updated, so it should work for anyone else changing the social menu colors on Maxwell :)

• 

  lorenedevbil · Member · Feb 28, 2017 at 5:50 pm

  • Copy link

  Thank you very much!!

• 

  staff-loquaciousloon · Staff · Mar 1, 2017 at 3:00 pm

  • Copy link

  You’re welcome!