How to add linkedin icon to social media?

[dizain]

Hello all, 

 

I want to know how to add linkedin icon beside the social media icons that comes with Prestashop?

 

I have attached an image to show exactly what I mean?

 

Also, is there a way to replace the current icons? For example, let's say I don't want to use rss, can I just replace the image with linkedin image?

 

I looked everywhere and I can't find the images

 

Thank you for your time.

[dizain]

Can someone help please? I have been trying for couple of hours with no luck. 

[dioniz]

Hi dizain

 

You can add it manually by opening yourtheme/modules/blocksocial/blocksocial.tpl and add

<li class="linkedin">
    <a href="yoururl">
        <span>{l s='Linkedin' mod='blocksocial'}</span>
    </a>
</li>

For icon add this line to yourtheme/css/global.css

.footer-container #footer #social_block ul li.linkedin a:before {
    content: "\f0e1";
}

[dizain]

Thank you so much. But where can I find the actual icon? which folder? 

 

Also does it matter where I post the code inside global.css? 

 

Thank you again for your time. 

[dioniz]

It's a font icon. Font is Fontawesome. You can find more about it here: http://fortawesome.github.io/Font-Awesome/

 

This part of code:

content: "\f0e1";

will show Linkedin icon

 

You can put it wherever you want in global.css but maybe you want to put it near other social icon codes. They are around line 6880

[dizain]

Thank you so much again for your help. I will try it now and I will mark this as solved. Thank you for your time. 

[dioniz]

You are welcome