If you look at the top there is a twitter feed. If you look at the “@KittyBeau” text, this is a link in GREEN. I want to change this to purple. Can anyone help me find the css element to do this.
Also, how would i be able to do this easier in the future?
Hi, on “#twtr-widget-1 .twtr-tweet a” you set the color to green, so unless you NEED that !Important on there it’s best to avoid using that because of issues like this :).
I’m guessing you want “fuchsia” color? On “.twtr-doc a” you set it, however it has lower specificity then the “#twtr-widget-1 .twtr-tweet a” so you would hvae to increase the specificity for that (if you need help on how to do that then shout, but I think your good enough to know how :))
I think you must have found out how to do this already but you can customise the links at the twitter site.
The link colours are then saved in a js file which is then inserted into the css at some point.
As Ryan said you could just over-ride them localy anyway.
e.g.
#header #twtr-widget-1 .twtr-tweet a {
color:red !important;
}
If you use firebug in Firefox you can see where styles are coming from and you will know straight away that extra stylesheets are being imported via certain applications using js.