Support Forums

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

Your Time: Our Time:

Add Line social icon

Featured Lock Resolved Task
I would like to insert Line social icon but in the template's basic setting line social url. How can i add it?

Attachments (3)

  • missing social icon.jpg
    missing social icon.jpg 1.9 KB
  • line.png
    line.png 11.4 KB
  • social icon setting.jpg
    social icon setting.jpg 55.3 KB

15 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi,

First of all, i am sorry to say that, customization support is not allowed. But, i can tell you the process.

templates/shaper_organic_life/features/social.php
Custom url

$output .= '<li><a class="social-icon custom-icon" target="_blank" href="' . $this->helix->Param('line') . '">custom_icon</a></li>';

/templates/shaper_organic_life/templateDetails.xml

<field name="line" type="text" label="Line Url" description="Url of Line" />


These files already working max. Just you have to write down CSS code for icon

-Thanks

Attachments (2)

  • social.zip 1.3 KB
  • templateDetails.zip 4.5 KB

tan

More than a month ago #Permalink
hi, i did it. but didn't appear the line icon, it instead with text. How should i do?

Attachments (1)

  • custom icon.jpg
    custom icon.jpg 8.5 KB

Toufiq - Staff

More than a month ago #Permalink
hi, i did it. but didn't appear the line icon, it instead with text. How should i do?


Hi, You have to write down background image css code. Becuase that, your icon doesn't exist in the font awesome icon list. Thanks

tan

More than a month ago #Permalink
you mean i need to add css code in custom.css? after that replace custom_icon in social.php to font awesome icon's code?

Toufiq - Staff

More than a month ago #Permalink
Hi,

Add this css code and change the image url.


a.social-icon.custom-icon {
background: url(https://www.joomshaper.com/forums?controller=attachment&task=download&tmpl=component&id=17902);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
height: 20px;
width: 20px;
}


And remove the custom_icon text

-Thanks

tan

More than a month ago #Permalink
Thanks for your helped.
But i prefer font awesome icon more than an image icon because while i mouse roll over the icon, it didn't change to another color.
i was tried to create LINE font awesome icon, but i couldn't insert successfully in my template.
How can i insert the font awesome icon that i created in my template?

Attachments (2)

  • line social icon.jpg
    line social icon.jpg 5.8 KB
  • mouse roll over.png
    mouse roll over.png 3.7 KB

Toufiq - Staff

More than a month ago #Permalink
Thanks for your helped.
But i prefer font awesome icon more than an image icon because while i mouse roll over the icon, it didn't change to another color.
i was tried to create LINE font awesome icon, but i couldn't insert successfully in my template.
How can i insert the font awesome icon that i created in my template?


Hi, Let me know the font awesome icon name. I will help you. Thanks

tan

More than a month ago #Permalink
you mean the name of font awesome icon that i was created?

Toufiq - Staff

More than a month ago #Permalink
you mean the name of font awesome icon that i was created?


Yess. :)

tan

More than a month ago #Permalink
icon-lineying

Attachments (1)

  • lineying(1).zip 6 KB

Toufiq - Staff

More than a month ago #Permalink
icon-lineying


Hi, I have told you that, please let me know the font awesome icon name. Thanks

tan

More than a month ago #Permalink
<i class="icon-lineying"></i>

this?

Toufiq - Staff

More than a month ago #Permalink
Hi,

I can't find out this icon in fontawesome.

Please share url from here
http://fontawesome.io/icons/

-Thanks

Toufiq - Staff

More than a month ago #Permalink
Hi,

I have talked about this font, not new font awesome font. The new font doesn't add there.

http://fontawesome.io/icons/

-Thanks


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: 141
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 89
Toufiq

Toufiq

Total Accepted Answers: 17
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

112

Templates

288991

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