XF 1.4 Embedded Twitter Widget Question

[Lone Wolf]

I'm not sure where to put this. I'm adding a twitter feed to my footer but it has a black background which doesnt match my footer background.

Does anyone know how I edit this code to remove the borders and make the twitter widget transparent.

<a class="twitter-timeline"  href="https://twitter.com/name" data-widget-id="IDNo">Tweets by @name</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>

 

[Paul B]

Check the Twitter dev site - there may be some configurable options for it.

 

[Lone Wolf]

Apparently I have to add

data-chrome="transparent"

But I've no idea where it goes in that code

 

[Paul B]

At a guess...

<a class="twitter-timeline" href="https://twitter.com/name" data-chrome="transparent" data-widget-id="IDNo">Tweets by @name</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>

 

[Lone Wolf]

At a guess...

<a class="twitter-timeline" href="https://twitter.com/name" data-chrome="transparent" data-widget-id="IDNo">Tweets by @name</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>

I just managed it. You have to add it after the widget ID and before the 'tweets by'

<a class="twitter-timeline"  href="https://twitter.com/name" data-widget-id="ID No" data-chrome="nofooter transparent">Tweets by @name</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script>