Joomla Templates Club 406,261 posts

[armax Friend armaxJoin date: February 2015Posts: 21Downloads:0Uploads:4]

#203997

Hi,

I searched everywhere but i can not find the way how to change the followus icon on the mainmenu. Could you write me down step-by-step, how to do it? 🙂

Thank you

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#560188

Hi there
# I can’t see that icon on your site. Please enable it.
# Actually you can use browser debugger for inspecting and apply css into custom.css

Thank you,
Viet Vu

[armax Friend armaxJoin date: February 2015Posts: 21Downloads:0Uploads:4]

#560190

Okay now you can see it 😉

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#560194

Hi there
It’s FA icon

<a data-toggle="dropdown" href="#" class="dropdown-toggle">
<i class="fa fa-share-square-o"></i>
</a>

You can change this icon by use another FA class.
Your site is using Font Awesome 4.2.0

Thank you,
Viet Vu

[armax Friend armaxJoin date: February 2015Posts: 21Downloads:0Uploads:4]

#560195

Thank you and where it is exactly? Can you write me the exact path?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#560199

Hi there
Here you are. FA 4.2.0 cheatsheet

http://astronautweb.co/snippet/font-awesome/

Thank you,
Viet Vu

[armax Friend armaxJoin date: February 2015Posts: 21Downloads:0Uploads:4]

#560201

Thank you, it is nice. And in which file do i have to change it?

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#560291

Hi there
It’s all about logic. Just follow it than we can solve everything
# You need to locate what’s it. If you already know how to enable / disable it than you must know it
# After that you can update html class with FA class to change icon.
By quick check i saw this ( but not which module we expected )

<p>*</p>
<!-- AddThis Follow BEGIN -->
<div class="addthis_toolbox addthis_32x32_style addthis_default_style"><a class="addthis_button_facebook_follow"><img src="images/joomlart/social/facebook.png" alt="" /></a> <a class="addthis_button_twitter_follow"><img src="images/joomlart/social/twitter.png" alt="" /></a> <a class="addthis_button_google_follow"><img src="images/joomlart/social/google.png" alt="" /></a></div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-525b746c4d879b01" type="text/javascript"></script>
<!-- AddThis Follow END -->

As above code it’s using image. Than you can easy to change it by replace with another image.

Thank you,
Viet Vu

[Author]

Posts