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

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

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

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

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

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 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 🙂

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

    Write a Reply...
    You need to Login to view replies.