Home > Web Design > Increase the Width of the Twitter Widget to 100% and Customization
Bookmark and Share

Increase the Width of the Twitter Widget to 100% and Customization

Posted on December 15, 2017 | Filed in Web Design

To expand the Twitter widget iframe to 100% add this code to your CSS file:

iframe[id^='twitter-widget-']{ width:100% !important;}

To get rid of the Twitter widget header, footer, borders: add this code to the widget embed code:

data-chrome=”noheader nofooter noborders transparent”

Like this:

<a class="twitter-timeline" href="https://twitter.com/hashtag/somehash" data-widget-id="0000000000" data-chrome="noheader nofooter noborders transparent">#Nice Tweets</a>

Leave a Reply

Contact Us

Big Apple Design Group
134 West 29th Street
Third Floor
New York, NY 10001

[email protected]

Search Blog