Suggestion – social media icons colour scheme

  • Resolved jamespond

    (@jamespond)


    6 years ago

    I’ve been using Tracks theme for a couple of years now and I love it.

    One thing I’d change are the social media icons – they just don’t stand out enough in my opinion. I can change the colour in Customize – Colors – Social media but it sets the same colour for all of them, including the SEARCH icon.

    Perhaps an option to change these individually or a default set where the icons would match the default colour scheme of the particular pages (blue FB, pink/yellow Instagram and so on) would be nice.

Viewing 1 replies (of 1 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hey James,

    Thanks for being a dedicated Tracks user!

    This is a neat idea and I’ve done similar things with some other themes. If you don’t mind working with a bit of code, here’s a way you can implement the brand colors for the social icons now:

    .social-media-icons .fa-twitter-square {
  color: #1da1f2;
}

    That code can be added into the Additional CSS section in the Customizer, and it will make the Twitter social icon match Twitter’s blue brand color.

    You can copy and paste that code again and swap out the color and CSS class name for any other site. BrandColors is great for finding the hex codes. One other thing – some of the classes have “square” in them and some do not. For instance, Etsy does not have “square” in the class name, so the CSS would look like this:

    .social-media-icons .fa-etsy {
  color: #d5641c;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Suggestion – social media icons colour scheme’ is closed to new replies.