How to style Twitter widget using my own CSS

Question

I have my own design for a Twitter feed and I want to style the default feed using my own design. Is there a way to do that?

The issue is that you can't use the CSS selectors because it appears only after the loading the page.

Please check this pic to give you more idea about what I need

Thanks,

Answer 1

Well, You can customize Your twitter widget by doing something like this:

Default Code

<a class="twitter-timeline" href="Pagelink" data-widget-id="Page ID">Tweets by @Test</a>

To remove Header footer, Just add data-chrome="nofooter transparent noheader transparent" and it will look something like this:

<a class="twitter-timeline" href="Pagelink" data-widget-id="Page ID" data-chrome="nofooter transparent noheader transparent">Tweets by @Test</a>

For more customization like link color, Borders etc refer to this article. https://dev.twitter.com/docs/embedded-timelines#customization

I hope this helps :)