Addtoany and custom social icons

[toplisek]

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.

[not2easy]

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.

[not2easy]

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...]

[lucy24]

<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.

[toplisek]

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.