twitter widget custom style

twitter widget custom style

by Şuayip Ekmekci

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<a class="twitter-timeline" href="https://twitter.com/hashtag/dog" data-widget-id="671682821128364033" data-chrome="noscrollbar noheader nofooter noborders transparent" width="250" height="700">#dog Tweets</a>
<script>
  ! function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0],
      p = /^http:/.test(d.location) ? 'http' : 'https';
    if (!d.getElementById(id)) {
      js = d.createElement(s);
      js.id = id;
      js.src = p + "://platform.twitter.com/widgets.js";
      fjs.parentNode.insertBefore(js, fjs);
    }
  }(document, "script", "twitter-wjs");
</script>

JavaScript

setTimeout(function () {
  $('iframe').ready(function () {
    $("iframe").contents().find('head').append('<style>.tweet{position:relative;background:#ffffff;padding:5px !important;margin-bottom:20px;height:120px;}.tweet:after {top: 100%;left: 25px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 15px;margin-left: -15px;}.e-entry-title{overflow:hidden;height:95px;}.retweet-credit{display:none;}.autosized-media{display:none;}.footer{display:none;}</style>');
    $('body').show();
  });

}, 250)