Pinterest class

Can anyone please tell me what the class is for Pinterest social link in the News2 template?
I've tried class="gkPinterest and class="gkPinterest" + class="gk-icon-Pinterest"

Hello,

Please check the list of available icons:

Code: Select all

.gk-icon-chat:before {
  content: "a";
}
.gk-icon-fb:before {
  content: "b";
}
.gk-icon-gplus:before {
  content: "c";
}
.gk-icon-news:before {
  content: "d";
}
.gk-icon-next:before {
  content: "e";
}
.gk-icon-prev:before {
  content: "f";
}
.gk-icon-rss:before {
  content: "g";
}
.gk-icon-search:before {
  content: "h";
}
.gk-icon-twitter:before {
  content: "i";
}
.gk-icon-email:before {
   content: "j";
}
.gk-icon-print:before {
   content: "k";
}
.gk-icon-tags:before {
   content: "l";
}
.gk-icon-views:before {
   content: "m";
}


unfortunately, there's no pinterest icon, please use Font Aweseme icon (included in News2 theme)

Thank you. Sorry to be a pain but how do I go about that?

Please use the following class:

Code: Select all

<i class="fa fa-pinterest"></i>


in your text widget (social widget area)

Thanks Joshua, that was most helpful.
Unfortunately I got it wrong and it was meant to be Instagram but I've managed to guess that code right. Can you please tell me how to 'activate' it like the FB & Twitter classes beside it? Please view here:
http://phunkemedia.com/rrb/

Hi
The list of available icons may be found here:
http://fontawesome.io/icons/

Thanks Joshua,

What I'm after is the active state or the social media classes. 2 of the default classes work, 1 doesn't. I'm sure you can see how this is a problem.

Can you please offer a solution?
Thank you for your expertise.

Hello,

Unfortunately I can't see the issue - 3 icons are displayed properly on your website (2 with default theme icons, and one with font awesome - instagram)

If you over over them, only the Instagram icon is without an over state. That means the others turn their branded blue colours, whilst the instagram icons does nothing.

It is also misaligned with the other 2 and just looks bad.
I hope this helps.

Try to add the following custom css code (you can use any color you want)

Code: Select all

#gk-social a i.fa-instagram {
   top: -4px;
   position: relative;
}
#gk-social a:hover i.fa-instagram {
   color: #d3492c;
}


Thanks Josh, can't wait to try it!
I don't know where to put WP custom css, I usually use Joomla. Can you please tell me where it goes?

Don't worry about - Dr Google sorted me out. Thanks so much for your expertise!