Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Helix 3 - Changing a Social Icon

Featured Lock Resolved Issue
Hello,

I have added Instagram icon by using forum help. https://www.joomshaper.com/forums/helix-3-changing-a-social-icon#reply-81997

But it's redirect to "instagram:https://www.instagram.com/xxxxx?chat"; Please check and advice

http://casite-742416.cloudaccess.net

Many Thanks
Hush

8 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
I have better idea for you....
1) Disable social icons from template settings (top1)
2) Add new Custom module
3) Add there this source code, you can make changes in it as well


<ul class="social-icons">
<li class="social-icon-facebook">
<a target="_blank" href="https://www.facebook.com/Tea-de-forte-113901419100153/">
<i class="fa fa-facebook"></i></a></li>
<li class="social-icon-twitter"><a target="_blank" href="https://twitter.com/teadeforte">
<i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/teadeforte">
<i class="fa fa-instagram"></i></a></li>
</ul>




4) Assign to all pages
5) Publish on Top1 position

that's all

Paul Frankowski - Staff

More than a month ago #Permalink
yes, there is mistake in instagram section, remove "instagram:" from link.
I updated my HTML code. Probably I just copied whole yours without deep thinking of it.

Ubaerto

More than a month ago #Permalink
Hi

When I insert this code, then the editor stripes out this html code.

I'm using the standart editor

Thanks for you help.
Urs



Hi,
I have better idea for you....
1) Disable social icons from template settings (top1)
2) Add new Custom module
3) Add there this source code, you can make changes in it as well


<ul class="social-icons">
<li class="social-icon-facebook">
<a target="_blank" href="https://www.facebook.com/Tea-de-forte-113901419100153/">
<i class="fa fa-facebook"></i></a></li>
<li class="social-icon-twitter"><a target="_blank" href="https://twitter.com/teadeforte">
<i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/teadeforte">
<i class="fa fa-instagram"></i></a></li>
</ul>




4) Assign to all pages
5) Publish on Top1 position

that's all

MIGUEL DIAZ

More than a month ago #Permalink
There is a simpler solution: We edit the file templates / XXX / features / social.php We are looking for a social network that we do not use, for example twitter, then we replace by instagram in the whole document. Let's go to the template of the template and where we ask for the address of twitter we enter the one of instagram

Paul Frankowski - Staff

More than a month ago #Permalink
@Miguel - yes and No, because you can forget about it in next template update and ....Opsss , icon has gone.

Paul Frankowski - Staff

More than a month ago #Permalink
Beside if you have Helix3 template (raw one) there is custom field already.

Vaggelis

More than a month ago #Permalink
Hello,
For me that worked in custom module:

<a target="_blank" href="http://www.facebook.com/pages/#"><i class="fa fa-facebook"></i></a> <a target="_blank" href="https://twitter.com/#"><i class="fa fa-twitter"></i></a> <a href="https://gr.linkedin.com/in/#"><i class="fa fa-linkedin"></i></a> <a href="https://kataskevispition.blogspot.gr/"><i class="fab fa-blogger"></i></a>


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 152
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 85
Toufiq

Toufiq

Total Accepted Answers: 21
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

113

Templates

289268

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us