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