jquery - Remove follow button from embedded tweet -
i'm embedding tweet on website , remove follow button , reply, favorite , retweet buttons in footer. minimal html example following
<blockquote class="twitter-tweet"> <a href="https://twitter.com/stackcareers/statuses/468107750333894656"></a> </blockquote> <script src="http://platform.twitter.com/widgets.js" charset="utf-8"></script>
by inspecting code, once tweet diplayed, figured button wrapped following
<a class="follow-button profile" href="https://twitter.com/stackcareers" role="button" data-scribe="component:followbutton" title="follow stackoverflowcareers on twitter"><i class="ic-button-bird"></i>follow</a>
so far tried remove class using jquery
$('.follow-button.profile').remove()
i tried overwrite css adding following line stylesheet :
.follow-button {visibility:hidden;}
and following post, tried adding line
.twt-actions { display: none; }
none of above worked. there solution customize these embedded tweets ?
this not possible. loading cross-domain content iframe source same-origin policy, means cannot manipulate contents javascript.
as far aware, there no out-of-the-box embed code tweets doesn't use iframe.
you have 2 options. first option display tweet provided. second options use api retrieve tweet , display please. latter, you'll have sign api key.
alternatively, may able find workaround here can't vouch quality of implementation of of these suggestions.
Comments
Post a Comment