1. 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

Discussion in 'Styling and Customization Questions' started by Lone Wolf, May 21, 2015.

  1. Lone Wolf

    Lone Wolf Well-Known Member

    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>
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

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

    Lone Wolf Well-Known Member

    Apparently I have to add

    data-chrome="transparent"

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

    Brogan XenForo Moderator Staff Member

    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 likes this.
  5. Lone Wolf

    Lone Wolf Well-Known Member

    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>
     

Share This Page