• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Embedded Twitter Widget Question

Lone Wolf

Well-known member
#1
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.

Code:
<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>
 

Brogan

XenForo moderator
Staff member
#4
At a guess...

Code:
<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

Well-known member
#5
At a guess...

Code:
<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'

Code:
<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>