Joomla Templates Club 406,261 posts

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#835715

I am trying to bring back the social icons that were originally next to the search bar at the top, but when I enable them the icons are not there and it’s just text, and I want to add Instagram instead of RSS.
(pic 1)

Also I want to know if it is possible to add social icons on the top black bar
(pic 2)

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#837839

Hi

These social icons belongs to a custom HTML module in ‘social’ position but when I check your site, I don’t see any module published in this ‘social’ position. Kindly check again.

And here is content output of this module:

<div class="social">
<a class="ico-social ico-facebooks" href="#" title="Facebook"><span>Facebook</span></a>
<a class="ico-social ico-twitters" href="#" title="Twitter"><span>Twitter</span></a>
<a class="ico-social ico-rss" href="#" title="RSS"><span>RSS</span></a>
</div>

If you want to use Instagram icon instead of RSS, you will have to create that image icon like Facebook or Twitter icon, you can check how these icons looks like in:
/templates/ja_nex/images/icon-facebook.png
/templates/ja_nex/images/icon-twitter.png

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#838733

Thank you so much. I was able to add them.

I created the icon-instagram.png as well and added it to the folder, and this is how I am referencing it in the code

<a class="ico-social ico-instagram" href="#" title="Instagram"><span>Instagram</span></a>

but when I saved and went to the front-end of the web , the icon does not show
http://www.geranbaha.com

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#838793

I forgot that you will also need to add a bit css style for it.

Just go to file: https://geranbaha.com/templates/ja_nex/css/template.css

add this:

#ja-social .ico-social.ico-instagram {
    background-image: url(../images/icon-instagram.png);
}

Then clean JAT3 cache.

[persianwebs Developer persianwebsJoin date: February 2015Posts: 92Downloads:0Uploads:11 Thanks: 11]

#839572

Thank you 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#839573

You’re welcome!!!

[Author]

Posts