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

8 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
  4. Going sightseeing in Berat is truly an eye opener. The architecture and the wonderful combination of eastern and western cultures will leave you speechless. Beautiful Albania

    ReplyDelete
  5. LinkedIn Today grabs Top Headlines and stories from numerous businesses that are shared the most by LinkedIn's system of experts. famouz

    ReplyDelete
  6. Very effective and useful article.
    I was finding a professional photoshop service provider but after seeing your post I have some good knowledge on this too.

    ReplyDelete

 

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

About Me