WooDojo Twitter Widget for Twitter API 1.1 and CSS Migration

For those of you with Twitter Widgets using either WooDojo or Twitter built into your Canvas Theme – you may well have noticed that the Twitter Feed has stopped working.

All of this is explained by Woo on this Blog Update – and I’m not going to repeat their advice.

What isn’t explained is how to migrate your existing Canvas Custom CSS for Twitter to the Woodojo Twitter CSS.

I’ve recorded the steps that I had to take and I hope it helps someone.

So before we begin – back up your settings!

I swapped,

.widget_woo_twitter ul li

for

.widget_woodojo_tweets ul.tweets li

Then I removed this CSS

.widget_woo_twitter .back {
    padding: 5px 0 0 5px;
}
.widget_woo_twitter .back {
    background: none;
    border-radius: none;
}
.widget.widget_woo_twitter h3 {
    border-bottom: 1px solid #e6e6e6;
}

And replaced it with

.widget_woodojo_tweets ul.tweets li {
    margin: 10px 0 0;
    padding: 0 0 10px 0;
}

Which matched the rest of my styling.

Your mileage may vary – my original styling wasn’t too outlandish, and the WooDojo Twitter Widget CSS seems to make better use of the theme CSS.

Share

4 Responses to WooDojo Twitter Widget for Twitter API 1.1 and CSS Migration

  • John Douglass

    Though I had no trouble installing and activating the WooDoJo Twitter widget, I’m having a terrible time with styling. Our tweets are not displaying correctly and I can’t figure out how to make them look like what I think they should look like. We’re using the Headlines theme. Can anyone take a look here at http://stcatlanta.org/posts/news/ and point me in the right direction? Notice the Twitter feed in the sidebar. I know this is a CSS styling problem, right or no?

    • The Mayne Design

      Hi John – I’ve not used Headlines, as a first-step have you tried installing the latest version of the Theme from Woo?  Cheers.

      • John Douglass

        By responding, I assume you’re interested in helping me solve this? 🙂 And yes, all theme files are up to date.

        • The Mayne Design

          Hi John,

          Try this,

          .widget_woodojo_tweets ul li {
              list-style: disc inside none !important;
              background: none;
          }

          Let me know how you get on?  Cheers, Steve

Leave a Reply

Your email address will not be published. Required fields are marked *