Social Icons

More
3 years 2 weeks ago #9352 by ComDev
ComDev created the topic: Social Icons
Hi, I want to know how to add social icons to Template "JM Trips" I have not found anything in TYPOGRAPHY page.
For example, I would like to add social icons in a custom html module.
I tried this code
<p class="jm-socials"><a class="jm-facebook" href="#"> </a> <a class="jm-twitter" href="#"> </a> <a class="jm-linkedin" href="#"> </a></p>
but it does not work
How do I proceed?
Thanks for the support

Please Log in or Create an account to join the conversation.

More
3 years 2 weeks ago #9353 by artur
artur replied the topic: Social Icons
Hello,
Well, we do not have 'standalone' icons in this template, but you can use these from 'team' module. You should add :
<div class="jm-team-wrapper">
<div class="jm-team">
<p class="jm-socials">
<a class="jm-facebook" href="#">&nbsp;</a>
<a class="jm-twitter" href="#">&nbsp;</a>
<a class="jm-linkedin" href="#">&nbsp;</a></p>
</div>
</div>

Regards.

Please Log in or Create an account to join the conversation.

More
3 years 1 week ago #9364 by ComDev
ComDev replied the topic: Social Icons
Ok. Is there a way to enlarge the icons? What are the classes to be used for other social networks, such as Google Plus and YouTube etc.?
Thanks for the support

Please Log in or Create an account to join the conversation.

More
3 years 1 week ago #9374 by artur
artur replied the topic: Social Icons
Hello,
Well, enlarging icons is not so easy, because in this module we are using 'sprite images' ( www.w3schools.com/css/css_image_sprites.asp ). So you should prepare new image and modify positions for each icons.

Another way is to set different image for each icons :
.jm-team-wrapper .jm-team .jm-socials a {
width: 30px;
height: 30px;
}

.jm-team-wrapper .jm-team .jm-socials a.jm-facebook {
background: url('/imageurl/imagename1.png') center center;
}
.jm-team-wrapper .jm-team .jm-socials a.jm-twitter {
background: url('/imageurl/imagename2.png') center center;
}

If you want add other icons also you need to add extra css styles
or use any 3rd party extensions for social share :
extensions.joomla.org/category/social-web/social-share

Regards.

Please Log in or Create an account to join the conversation.

Time to create page: 0.238 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2018 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.