Lev Seltzer
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:
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>
Is that a widget from Twitter or a WordPress plugin?
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.
ASKER
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.
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
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
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.
Thank you.