Pinterest class

March 2014 WordPress Theme
GK User
Tue Sep 27, 2016 5:08 am
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"
User avatar
Expert Boarder

Joshua M
Tue Sep 27, 2016 8:01 am
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)
User avatar
Moderator

GK User
Thu Sep 29, 2016 2:36 am
Thank you. Sorry to be a pain but how do I go about that?
User avatar
Expert Boarder

Joshua M
Thu Sep 29, 2016 8:10 am
Please use the following class:
Code: Select all
<i class="fa fa-pinterest"></i>

in your text widget (social widget area)
User avatar
Moderator

GK User
Thu Oct 06, 2016 5:42 am
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/
User avatar
Expert Boarder

Joshua M
Thu Oct 06, 2016 7:56 am
Hi
The list of available icons may be found here:
http://fontawesome.io/icons/
User avatar
Moderator

GK User
Thu Oct 06, 2016 9:41 am
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.
User avatar
Expert Boarder

Joshua M
Thu Oct 06, 2016 8:22 pm
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)
User avatar
Moderator

GK User
Fri Oct 07, 2016 1:31 am
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.
User avatar
Expert Boarder

Joshua M
Fri Oct 07, 2016 8:02 am
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;
}
User avatar
Moderator

GK User
Mon Oct 10, 2016 4:43 am
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?
User avatar
Expert Boarder

GK User
Mon Oct 10, 2016 4:50 am
Don't worry about - Dr Google sorted me out. Thanks so much for your expertise!
User avatar
Expert Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.