Joomla Templates Club 406,261 posts

[barryjjj Friend barryjjjJoin date: November 2009Posts: 37Downloads:2Uploads:4 Thanks: 11]

#191006

I wish to add pinterest on the stay connected module but cannot find away of getting the icon to show up which css file do I alter to add this.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#507409

Hi

The “Stay connected module is a custom-html module published in position user9 with this html code inside it

<div class="social"><a class="ico-social ico-twitters" href="#" title="Twitter"><span>Twitter</span></a> <a class="ico-social ico-facebooks" href="#" title="Facebook"><span>Facebook</span></a> <a class="ico-social ico-flick" href="#" title="Flick"><span>Flick</span></a> <a class="ico-social ico-rss" href="#" title="RSS"><span>RSS</span></a> <a class="ico-social ico-vimeo" href="#" title="Feed"><span>Porfolio Vimeo</span></a></div>

To modify the social css class for icons you can edit the /templates/ja_puresite/css/template.css

.social .ico-social {
background-position: left top;
background-repeat: no-repeat;
color: #656667
display: block;
height: 16px;
line-height: 16px;
margin-bottom: 13px;
text-indent: 25px;
}
.social .ico-social:hover, .social .ico-social:focus, .social .ico-social:active {
background-position: left bottom;
color: #E03E72
}
.social .ico-twitters {
background-image: url("../images/icon-twiiter.png");
}
.social .ico-flick {
background-image: url("../images/icon-flick.png");
}
.social .ico-rss {
background-image: url("../images/icon-rss.png");
}
.social .ico-facebooks {
background-image: url("../images/icon-facebook.png");
}
.social .ico-vimeo {
background-image: url("../images/icon-vimeo.png");
}

adding your customized icons

1 user says Thank You to pavit for this useful post

1. barryjjj

[Author]

Posts