Is it possible to hide the engagement buttons from an embedded tweet?

Question

I would like to embed tweets but without the engagement buttons, i.e. reply, retweet and like.

I have seen you can do this with the follow button:

I'm struggling to figure out how to do it for the buttons though.

How can I do this?

I tried:

<style>
.TweetAction { display: none; }
</style>

Patrick Mlr · Answer 1 · 2017-12-28T09:11:30.300

0

You could to this with jQuery.

jQuery('idOrClass').contents().find('.TweetAction').hide();

You just need to replace idOrClass with your #id or .class. This will go into the iframe and find every .TweetAction in it and hide it.

EDIT:

You need to wait till the iframe is loaded fully.

Try this:

jQuery( document ).ready(function() {
    jQuery('idOrClass').contents().find('.TweetAction').hide();
});

edited Dec 28 '17 at 09:11

answered Dec 28 '17 at 09:01

Patrick Mlr

Thanks. Doesn't seem to be working. I tried `````` which is the main class of the widget – Adders Dec 28 '17 at 09:09
Do you have jQuery enabled? Maybe use `$` instead of `jQuery`. – Patrick Mlr Dec 28 '17 at 09:09
If not, check if `.EmbeddedTweet-tweet` is the `class` of the `iframe`. You need to select the `iframe`, not a parent or child div. – Patrick Mlr Dec 28 '17 at 09:16
Hmm, I'm not even seeing an iframe – Adders Dec 28 '17 at 09:17
How is it embedded then? Do you maybe have a link where I can see your implementation? – Patrick Mlr Dec 28 '17 at 09:18
It just seems to be pulling to data and injecting it into the page - using the standard embed script you get from twitter – Adders Dec 28 '17 at 09:22
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/162081/discussion-between-patrick-mlr-and-adders). – Patrick Mlr Dec 28 '17 at 09:22

1 Answers1