Search code examples
htmlcsstwitter

Why won't my tweet button appear on my page?

My tweet button suddenly stopped appearing on my page. I am using one inside of the bootstrap grid system. There are no CSS styles attached to the tweet button apart from the default styles set by twitter.

My HTML: 

<div class="row">
        <div class="col" style="padding-top: 5px;">
            <a href="https://twitter.com/intent?ref_src=twsrc%5Etfw&url=a" class="twitter-share-button"  data-text="#CM0677 Top Bait " data-size="large" data-show-count="false">Tweet</a>
            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

            <ul class="list-unstyled" id="tweet-list">

            </ul>
        </div>
    </div>

tweet-list is populated with tweets from the Standard Search API programatically through JS and does not affect the tweet button.

Any help is much appreciated :)

Image of Button

<div id="widget">
  <div class="btn-o" data-scribe="component:button" style="width: 0px;"><a href="https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Ftopbait.eastus.cloudapp.azure.com%2F&amp;ref_src=twsrc%5Etfw&amp;text=%23CM0677%20Top%20Bait%20&amp;tw_p=tweetbutton&amp;url=http%3A%2F%2Ftopbait.eastus.cloudapp.azure.com%2F" class="btn" id="b"><i></i><span class="label" id="l">Tweet</span></a></div>
</div>
Solution

  • It turns out that the Tweet button doesn't work in Opera. I'm not sure why, but the tweet button appears in other popular browsers.