Add instagram and linkedin Social icons

nadegea

Hi,
How to add social icons for instagram and linkedin in class="gk-social-icon" ? Here is the code :
<div class="gk-social"><a class="gk-twitter"#">twitter.com </a> <a class="gk-facebook" href="#">facebook.com</a> <a class="gk-youtube" href="#">youtube.com</a> <a class="gk-linkedin-in" href="#">https://www.linkedin.com/</a><a class="gk-instagram" href="#">https://www.instagram.com</a></div>
See attachement. Thanks

Joshua-M

Hi,
Try to add the following custom css code:

.gk-social a.gk-instagram::before {
    content: "\f16d";

}
.gk-social a.gk-linkedin-in::before {
    content: "\f0e1";

}

You can also add colors if you needs.

Cheers
Joshua

nadegea

Hi Joshua,
I put the custom code you given to me in a custom module and I get this, do i miss something ?
Thanks for help

Joshua-M

Hi,
Leave your html code as in your first post and add my CSS code into your gk_game/css/override.css file (don't forget to enable override.css from Template Options -> Advanced tab)

Cheers
Joshua

nadegea

Thanks a lot Joshua, and how to add colored icones ?
Nadegea

Joshua-M

Change css code into:

.gk-social a.gk-instagram::before {
    content: "\f16d";
		color: #xxxxxx;

}
.gk-social a.gk-linkedin-in::before {
    content: "\f0e1";
		color: #yyyyyy;

}

and change xxxxxx and yyyyyy to hex color values of your social media icons.

Cheers
Joshua

nadegea

Thanks a lot for all !
Cheers
Nadegea

aman204

nadegea Kindly let us know if all queries to relative topic have been resolved so as to mark the thread as resolved or need further assistance on the same 🙂

nadegea

Hi aman204,
All queries have been resolved ! This thread as resolved. Thanks
Cheers