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="" 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



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

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

  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.

    1. Thanks for this, very helpful!

  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

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

  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.

  7. I tried this several years ago and had a terrible time with getting all of it to be straight. I eventually made some shorter, some longer and used that layout.



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

About Me