Solved

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

Posted on 2011-03-07
2
408 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 500 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

830 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