Welcome to WebmasterWorld Guest from 52.87.253.202

Forum Moderators: not2easy

Addtoany and custom social icons

     
12:13 pm on Sep 14, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Oct 25, 2006
posts: 1088
votes: 1


I have social icons using jQuery plugin: [addtoany.com...]
As I like to modify icons to my web icons need to know how to change default code:
<a title="" class="a2a_button_instagram" data-a2a-follow=""></a>
I have code like:
<div class="social-icon"><i class="icon-facebook1"></i></div>

But how to add modification without eliminated default code. It bothers me class="a2a_button_instagram" data-a2a-follow="" if this collapse all code.
1:47 pm on Sept 14, 2018 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4122
votes: 261


I'm sorry, but this is not a CSS question. You are asking how to replace objects in a proprietary plugin script. You could create your own social links and write them to use your icons. Those "a2a" lines work with their script so replacing them with your own icons would probably cause errors with the script.
2:41 am on Sept 15, 2018 (gmt 0)

Administrator from US 

WebmasterWorld Administrator not2easy is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Dec 27, 2006
posts:4122
votes: 261


You don't mention the type of site this is for, but because you mentioned that this is a plugin I'm guessing it is a WordPress site. If not you might consider trying out a different way to use your own icons. This is not new, it was [simplesharingbuttons.com...] suggested some time ago by bakedjake here: [webmasterworld.com...]
3:11 am on Sept 15, 2018 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:15381
votes: 727


<i class="icon-facebook1"></i>
Does the script really say this, or have you edited-out something? Yes, there exist circumstances where you might attach a classname to presentational markup, but I donít understand what itís supposed to do here.
8:42 am on Oct 8, 2018 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Oct 25, 2006
posts: 1088
votes: 1


My icons can be circled or rectangular. This plugin (WP) shows default icons. I thought it is CSS issue. My code uses <i class.. element.
I also guess as mentioned:
Those "a2a" lines work with their script so replacing them with your own icons would probably cause errors with the script.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members