Shape 5

Joomla Templates => Arthur - Club => : satishs January 09, 2017, 10:44:45 AM



: Linking to Social Media icons
: satishs January 09, 2017, 10:44:45 AM
Please advise method of linking the social media icons to social media accounts, in the "about me" module. Unable to locate in template setup but its been a long time since I had to do this! many thanks and apologies if this is a simple problem - beginner!


: Re: Linking to Social Media icons
: mikek January 09, 2017, 02:04:28 PM
Hello,

The social icons are published in a custom html module. The code used for this area is shown here:

http://www.shape5.com/demo/arthur/index.php/tutorials-menu-48/custom-code-for-this-design

You would just change these links and insert your own href url:

<a href="" target="_blank" class="social_icon ion-social-facebook">[/url]


: Re: Linking to Social Media icons
: drew77 August 31, 2017, 03:15:18 PM
Good day.

I have read and followed the instructions below as well as viewed the code from the link.

However no matter how many times in insert the link address, it does not work.

And the code from the Arthur template example is different from that in my template.

And if I copy and paste your code, or the Arthur template code into my template, it just changes it back to mine after saving.

This is what my code looks like:

:
<div class="about_right"><a target="_blank" class="social_icon ion-social-facebook" rel="noopener noreferrer"></a> <a target="_blank" class="social_icon ion-social-twitter" rel="noopener noreferrer"></a> <a target="_blank" class="social_icon ion-social-googleplus" rel="noopener noreferrer"></a> <a target="_blank" class="social_icon ion-social-pinterest" rel="noopener noreferrer"></a> <a target="_blank" class="social_icon ion-social-linkedin" rel="noopener noreferrer"></a></div>

This is what your code and the Arthur template example code looks like:

:
<div class="about_right">
<a href="" target="_blank" class="social_icon ion-social-facebook"></a>
<a href="" target="_blank" class="social_icon ion-social-twitter"></a>
<a href="" target="_blank" class="social_icon ion-social-googleplus"></a>
<a href="" target="_blank" class="social_icon ion-social-pinterest"></a>
<a href="" target="_blank" class="social_icon ion-social-linkedin"></a>
</div>

I must be not removing something else completely, or not including something for it to not save and work??

Kinda of stuck - could you please explain again.

Thank you - Drew


: Re: Linking to Social Media icons - Solved
: drew77 August 31, 2017, 07:04:35 PM
Got it.

Further down the page in the Arthur Template Demo Information, I found an example of a url placed into one of your codes.

I missed "reading between the lines"

This is the code from the Download Bar

:
<div class="download_bar">
Arthur is the best Joomla template available on the market today
<a href="http://www.shape5.com/join-now.html" target="_blank" class="readon">Join Today To Download</a>
</div>

The url needs to be "between the quotes"

:
<a href="URL Goes Here" target="_blank" class="social_icon ion-social-facebook"></a>

Disregard - got it figured out  ;D

Thank you - Drew