Author Topic: How to modify font Awesome icon ?  (Read 564 times)

onlineservices

  • Veteran Member
  • *****
  • Posts: 252
  • Karma: +0/-0
How to modify font Awesome icon ?
« on: January 24, 2018, 02:40:57 PM »
I would like to modify the below icon - In which file i need to modify this?

Code: [Select]
<h2 class="widget-title"><i class="fa fa-heart"></i><br><span>Random Members</span></h2>

Help Pls.

maverick

  • Administrator
  • Veteran Member
  • *****
  • Posts: 3119
  • Karma: +210/-7
    • Maverick Webworks
Re: How to modify font Awesome icon ?
« Reply #1 on: January 24, 2018, 09:37:07 PM »
To change the icon you edit directly in the line of code.

<h2 class="widget-title"><i class="fa fa-heart"></i><br><span>Random Members</span></h2>

You go to the font awesome site to reference the name of the icon you want to use and replace the name with the one shown in red.

 http://fontawesome.io/icons/

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.

onlineservices

  • Veteran Member
  • *****
  • Posts: 252
  • Karma: +0/-0
Re: How to modify font Awesome icon ?
« Reply #2 on: January 24, 2018, 11:56:31 PM »
Correct. But i am in trouble to locate in which file i need to modify. I tried plugins/widget/members but unable to find the code.

maverick

  • Administrator
  • Veteran Member
  • *****
  • Posts: 3119
  • Karma: +210/-7
    • Maverick Webworks
Re: How to modify font Awesome icon ?
« Reply #3 on: January 25, 2018, 02:37:22 AM »
I can't say for sure because it's not an Etano default template, but it should be in the index.html file, or whatever page you have the widget in. It's a title and should be just a wrapper for the actual widget code. If this isn't the case and it's in some obscure file location you'll have to try asking the developer of the template.

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.