How do you format the links that show up in a Twitter feed

I've got a twitter feed happening on my webpage. The only problem is that the links happening within that feed are in a different color and a different size than what I need them to be.

How do I format the style of that feed so I can get the look that I need?

I'm assuming I'm going to use something within the <div> tags, but I don't know how to specify the look of a link within a div tag.

Thoughts?

Here's my code:

<td>
                        <div="twitter">
                        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
                        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/countryshowdown.json?callback=twitterCallback2&count=5"></script></div>
                        </td>
brucegustPHP DeveloperAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Chad HaneyConnect With a Mentor Chief Technology OfficerCommented:
Depends on if the script is loading the status' into an iframe or directly in the same dom.  I tested the scripts and it didnt load anything.

typically you could just style them with
.twitter a{color:#blah;}
.twitter a:visited{color:#blah;}
0
 
brucegustPHP DeveloperAuthor Commented:
I'm still doing something wrong...

Here's my code on my page:

<div id="twitter">
                        <ul id="twitter_update_list"></ul>
                        <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
                        <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/countryshowdown.json?callback=twitterCallback2&count=5"></script></div>
                        </td>
                        </tr>
                        </table></div>

I've noticed that if I remove the <ul id="twitter_update_list"></ul>
 tag, I lose everything and I have no idea why.

Here's my stylesheet:

.twitter a
{
font-family: Arial, Microsoft Sans Serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}
.twitter a:visited
{
font-family: Arial, Microsoft Sans Serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}
.twitter a:hover
{
font-family: Arial, Microsoft Sans Serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}

and the image I have attached shows you the mess that I've got right now. Any suggestions?  screen shot
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.