...

View Full Version : Changing twitter link colour..



ashley78
12-20-2010, 08:17 PM
I have a slightly customised twitter feed on my website. The text itself is black but the bottom link to twitter is blue. Any ideas on how to set it to black? Thanks for your time.

Excavator
12-20-2010, 08:29 PM
Hello ashley78,
a:link {color: #000;} would make it black. We'd need to see your code to make that more specific, a link to your site would be best.

ashley78
12-20-2010, 08:45 PM
Here's the link to site http://www.bearresponseteam.co.uk

.. and the code <DIV id=twitter_div>
<H2 style="DISPLAY: none">&nbsp;</H2>
<UL style="FONT-FAMILY: Courier New, Courier, Monospace; FONT-SIZE: 10pt" id=twitter_update_list><A style="TEXT-ALIGN: right; DISPLAY: block" id=twitter-link href="http://twitter.com/user"></A></UL></DIV>
<SCRIPT type=text/javascript src="http://twitter.com/javascripts/blogger.js"></SCRIPT>

<SCRIPT type=text/javascript src="http://twitter.com/statuses/user_timeline/user.json?callback=twitterCallback2&amp;count=1"></SCRIPT>

Excavator
12-20-2010, 09:01 PM
That is not text. That is this button image - http://platform0.twitter.com/widgets/images/tweet.png

To change the color would require a new image...maybe twitter has some you can pick from? Don't know.

ashley78
12-20-2010, 09:12 PM
Sorry, that's a share button at bottom of page. Feed is on left hand side of page.
This should be the text used..

<DIV id=twitter_div>
<H2 style="DISPLAY: none">&nbsp;</H2>
<UL style="FONT-FAMILY: Courier New, Courier, Monospace; FONT-SIZE: 10pt" id=twitter_update_list><A style="TEXT-ALIGN: right; DISPLAY: block" id=twitter-link href="http://twitter.com/user"></A></UL></DIV>
<SCRIPT type=text/javascript src="http://twitter.com/javascripts/blogger.js"></SCRIPT>

<SCRIPT type=text/javascript src="http://twitter.com/statuses/user_timeline/user.json?callback=twitterCallback2&amp;count=1"></SCRIPT>

Excavator
12-20-2010, 09:43 PM
Ahh, shows how much I know about Twitter.

Add this to your CSS to change that text black - #twitter_update_list a:link {color: #000;}

You could style that further if you like, adding different colors for visited, hover and active states. Have a look at styling links here (http://nopeople.com/CSS%20tips/links/index.html).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum