?
Solved

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

Posted on 2011-03-07
2
Medium Priority
?
432 Views
Last Modified: 2012-05-11
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>
0
Comment
Question by:brucegust
2 Comments
 
LVL 12

Accepted Solution

by:
Chad Haney earned 2000 total points
ID: 35065477
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
 

Author Comment

by:brucegust
ID: 35076808
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

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
Suggested Courses

589 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question