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

Twitter Widget Problem

Discussion in 'Styling and Customization Questions' started by Irishkop, Nov 22, 2015.

  1. Irishkop

    Irishkop Member

    I found the instructions on here about how to make a twitter widget and followed them. But this is all I get on my page.


    Any suggestions as to were I am going wrong..?
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Irishkop

    Irishkop Member

  4. Brogan

    Brogan XenForo Moderator Staff Member

    That's almost 18 months old and yes, it's out of date as Twitter changed the embed code.

    This is what I use now:
    <xen:require css="cta_twitter.css" />
    <div class="section ctaTwitterSidebar">
        <div class="secondaryContent ctaTwitterContent">
            <h3 class="ctaTwitterH3">Twitter</h3>
                <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/ClipTheApex/formula-one" data-widget-id="327419635291004928" data-theme="light" width="250" height="600" data-border-color="#E0E0E0" data-link-color="#004400" data-chrome="noheader">Tweets from https://twitter.com/ClipTheApex/lists/formula-one</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>
    You can obtain the necessary embed code by setting up a widget in your Twitter account.
    Irishkop likes this.
  5. Irishkop

    Irishkop Member

    Cheers, that's working great now.

Share This Page