SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Hybrid View

  1. #1
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cant change link color

    Hi,

    I am having trouble finding an a tag and cant seem to change the color of a link.

    Check out this page:-

    http://www.glofamily.com/inner/

    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?

    Thanks
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    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 )
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Ryan,

    But i dont have a css element called #twtr-widget-1 .twtr-tweet a?



    Take a look at my css:-

    http://www.glofamily.com/inner/twitter.css
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'm guessing as part of hte JS they import twitter st yles.

    If you can't access them then you could just add !important to whatever rule your setting the purple text on.

    If that still doesn't work then just keep adding specificity to override the !important set
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,295
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    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.
    Code:
    #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.

  6. #6
    SitePoint Wizard billy_111's Avatar
    Join Date
    Jul 2009
    Posts
    1,683
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey,

    Yes, thanks guys, i forgot that i was actually using a js file where the links were styled.



    Thanks again
    Software Engineer ASP, ASP.NET, VB, PHP

    Kind regards
    Billy

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    No problem . In the future you might wnat to download firebug and get good at using it. It can easily spot anything you need to know
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •