social icons for Researchgate and Academia.edu

Sparkling
1

Dear authors of Sparkling,
Thank you for such a great theme.
I would appreciate if help me to add social icons for https://www.researchgate.net/ and https://www.academia.edu/ to the theme.
Kind regards,
Dmytro

2

Hi Dmytro,

I hope you are well today and thank you for your question.

The sparkling themes uses menu and font awesome icons to display social icons.

To create social icons follow the below steps :

  1. Create a menu like any other menu in the admin area of your site under Appearance -> Menus .
  2. Use the correct urls in the menu items, so for twitter it must be twitter.com for facebook it must be facebook.com. Otherwise URLs won’t get recognized and you will get squares without icons.
  3. Set theme location for this menu as “Social Links”

Best Regards,
Movin

3

Hi Movin,
Thank you for your answer.
I do not have problems with setting up social links.
I have set up Twitter and LinkedIn and they both work fine. But as for Researchgate and Academia.edu, the icons are blank. There are no icons for these two networks in Font Awesome Icons set. So, my question is how can I add them manually?

4

Hi Dmytro,

I understood it now.

There are already feature requests created to add these icons in fontawesome icons set as below and it seems this will be added in the future version of fontawesome version.

In the meanwhile you can achieve this by creating social icons menus for Researchgate and Academia.edu and add the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

#menu-social li a[href*="researchgate.net"] .fa:before{content: "";background-image: url("https://www.researchgate.net/apple-touch-icon-180x180.png");height: 41px;width: 29px;display: inline-block;background-size: 100%;background-repeat: no-repeat;vertical-align: middle;}
#menu-social li a[href*="academia.edu"] .fa:before{content: "";background-image: url("https://pbs.twimg.com/profile_images/631230022217379841/dMVBZTiA_400x400.png");height: 41px;width: 29px;display: inline-block;background-size: 100%;background-repeat: no-repeat;vertical-align: middle;}

Best Regards,
Movin

5

Hi Movin,
This is what I needed. Thanks!
Kind regards,
Dmytro

6

You are most welcome here :slight_smile: