html - Addthis - 2 different configurations on the same page -

html - Addthis - 2 different configurations on the same page -

i have 2 different configurations of addthis on same page.

take note i'm using new addthis, code looks this:

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxxxxxxxxxxxxxxx" async="async"></script> <div class="addthis addthisblogue clearfix"> <div class="addthis_sharing_toolbox"></div> </div>

what i'm trying have 1 have share numbers tooltips , other doesn't

is possible?

since addthis creates html elements contain count 'tooltip' (it's not tooltip) single class or id element, if want specific (i.e. take hide have 2 or more addthis instances on page) could:

add instance want hide count within div css id or unique class; use display: none hide parent social media count element only within div. target addthis want hide count elements

seems obvious, example, on this page if inspect (e.g. in chrome) rendered facebook , twitter addthis elements , add together 'display: none' .plugincountbutton , .count-o styles contain elements want hide, expected: vanish display.

so if nest addthis instances inside uniquely-identified div (or parent element) target 1 want hide this:

#hiddencount .plugincountbutton, #hiddencount .count-o { display: none; }

you'd need locate equivalent .plugincountbutton , .count-o elements version , instance—each social media icon has it's own you'd have identify each, in above example. may need more specificity between #hiddencount , count container style apply.

note: without working illustration count links showing, untested. if have working example, i'd happy test it.

html addthis