Dear Ali Haydar,
Please do the following steps:
1. go to "templates\sj_business (hat)\css\template.css", finding:
#social li {
background: url(../images/icon-social.png) no-repeat center center;
}
#social li.social-twitter {
background-position: 0 0;
}
#social li.social-twitter:hover {
background-position: 0 -40px;
}
#social li.social-face {
background-position: 0 -80px;
}
#social li.social-face:hover {
background-position: 0 -120px;
}
#social li.social-rss {
background-position: 0 -160px;
}
#social li.social-rss:hover {
background-position: 0 -200px;
}
=>
#social li a{
background: url(../images/icon-social.png) no-repeat center center;
padding: 0 23px
}
#social li.social-twitter a{
background-position: 0 0;
}
#social li.social-twitter:hover a{
background-position: 0 -40px;
}
#social li.social-face a{
background-position: 0 -80px;
}
#social li.social-face:hover a{
background-position: 0 -120px;
}
#social li.social-rss a{
background-position: 0 -160px;
}
#social li.social-rss:hover a{
background-position: 0 -200px;
}
---------------------
#social li {
display: inline-block;
height: 40px;
width: 44px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 40px;
float: left;
}
=>
#social li {
display: inline-block;
height: 40px;
width: 44px;
cursor: pointer;
padding: 0;
margin: 0;
line-height: 40px;
float: left;
background: none
}
2. go the administrator => module manager => Follow us module => insert your social link into the social icons.
Thanks
