Monday, April 20, 2015

How to remove twitter headers and footer from twitter widget?

There are two ways to remove twitter headers and footer from the widget:

Method 1: Add data-chrome attribute to anchor tag

<a class="twitter-timeline" href="https://twitter.com/TWITTER_ID" data-widget-id="YOUR_WIDGET_ID" data-chrome="nofooter noborders transparent">Tweets by @TWITTER_ID </a>

Method 2: Using CSS

.timeline-header, .timeline-footer
{
          display:none ;
}

More customization on Embedded timelines : Customization Options

Twitter

5 comments :

  1. i know this is somewhat old but still very helpful, thank you!

    ReplyDelete
  2. Also data-chrome="noheader" success for me.

    ReplyDelete
  3. The CSS approach won't work anymore. The embed code generates an iFrame. You can't modify CSS in an iFrame anymore, unless the iFrame is served up from the same domain as the site, which it won't be.

    ReplyDelete
    Replies
    1. Thanks for this, very helpful!

      Delete

 

© 2011 GIS and Remote Sensing Tools, Tips and more .. ToS | Privacy Policy | Sitemap

About Me