CSS counter button question

  • Resolved Newfound

    (@precipitatejournal)


    11 years, 5 months ago

    Hi there!

    I’m attempting some CSS wizardry on my main blog page (https://www.hothousemagazine.org), and I’ve been able to use the “display: none” property to hide all of the standard icons below the excerpt on my main page, but I can’t for the life of me figure out what the class tag is for the bubble counter. You can still see it there, floating at the bottom of the excerpt, ha.

    Any illumination would be greatly appreciated!

    Cheers,

    Daniel

    https://www.ads-software.com/plugins/addthis/

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello Daniel,

    I can help you for this, but your site seems to be offline or having a dns issue at the moment when I checked. I will take a look some time later and suggest you the css required.

    Thread Starter Newfound

    (@precipitatejournal)

    Hi Srijith!

    Not sure what happened there, but I resent my page caches (forgot to after working on the site), so maybe that had something to do with it.

    Your help is appreciated!

    Thread Starter Newfound

    (@precipitatejournal)

    Any update on this CSS question? Thanks!

    “addthis_counter addthis_pill_style addthis_nonzero” is the class for that.

    Thread Starter Newfound

    (@precipitatejournal)

    Hmm. Still doesn’t appear to be working.

    The following code is working to “erase” the other elements:

    .home #content .the-content .addthis_button_facebook_like {
	display: none;
}

.home #content .the-content .addthis_button_tweet {
	display: none;
}

.home #content .the-content .addthis_button_pinterest_pinit {
	display: none;
}

.home #content .the-content .addthis_pill_style .addthis_button_compact {
	display: none;
}

    So I tried to do the same with the code you recommend and still not working:

    .home #content .the-content .addthis_counter .addthis_pill_style .addthis_nonzero {
	display: none;
}

    Any more advice?

    Thanks!

    Thread Starter Newfound

    (@precipitatejournal)

    Found the working CSS!

    .home .the-content .addthis_counter .addthis_pill_style {
	display: none;
}
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS counter button question’ is closed to new replies.