Link to home
Start Free TrialLog in
Avatar of Lev Seltzer
Lev SeltzerFlag for Israel

asked on

Formatting Twitter Feed on WordPress site

I was asked to copy the twitter feed on an existing WordPress website from an inside page to the home page. An example of this is here:
http://www.seltzerlicensing.com/?page_id=1779
I have two problems with it:
1. I need the height to be the same size as the two boxes on right, but I cannot shrink it furhter.
2. There seems to be an extra space above the feed, but I do not know where it comes from.

At the same time, I am looking for documentation on the features of this feed, and I cannot find any. I found a few comments on the twitter forums asking for documentation, but no one responded!

Can anyone help me?

The current page text from WordPress is listed below:

<div id="bottom-area">
<div id="home-left-box" class="home-box margin-add"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 325,
  height: 20,
  theme: {
    shell: {
      background: '#659934',
      color: '#ffffff'
    },
    tweets: {
      background: '#1d3e61',
      color: '#a199a1',
      links: '#f7f9ff'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
  }
}).render().setUser('seltzlicensing').start();
</script>
</div>
<div id="home-mid-box" class="home-box margin-add">
<h2>who we are</h2>
As an agency specializing in licensing and strategic alliances, The Seltzer Licensing Group brings end-to-end solutions and marketing strategy to clients across the full spectrum of a deal.
<p class="read-more"><a href="http://www.seltzerlicensing.com/?page_id=858">read more</a></p>
</div>
<div id="home-right-box" class="home-box"><a href="http://www.seltzerlicensing.com/?page_id=746"><img src="/wp-content/themes/toolboxseltzer_revised/images/home/YOSO2.gif" alt="" border="0" /></a></div>
</div>

Open in new window

Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

Is that a widget from Twitter or a WordPress plugin?
Avatar of Lev Seltzer

ASKER

This was a site that was created by someone else. I believe it is a twitter API.
Yeah, it looks like the Twitter widget code which means it's getting its formatting from twitter.  You may want to sidestep the original question by switching to a Wordpress plugin for embedding.  By doing this, you will get a Wordpress widget and it will hook into the theme formatting in a more natural manner.
The client has an existing twitter feed on an inside page, and wants it duplicated on the home page. While a widget might work, it would require time to determine which widget was appropriate (I saw dozens of "twitter" widgets) and then more time to format it.

Right now, the biggest problem is the extra <br> that appears in the code, which pushes down the twitter feed. I don't know where it comes from. After discussions with the client, removing this extra <br> would then satisfy the client.
ASKER CERTIFIED SOLUTION
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Very ingenious solution. I modified the CSS so that <br> would have display:none and now everything looks as good as I can without starting from scratch with a new widget.

Thank you.