Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Mar 2009
    Location
    Crockett, Texas
    Posts
    139
    Plugin Contributions
    0

    Default Cannot Change Link Colors in CSS

    Hi Everyone...

    I seem to be having a problem with getting the links on a site I am working on to change. I had a different template and managed to get the links to change from blue to purple (don't remember how) but now we have just changed the template again and I REALLY need to figure out why I cannot seem to override the css file to show the proper colors.

    Any help about what I might be overlooking would be most appreciated. The proper colors are already listed in the css file, it just keeps showing with purple links.

    Thanks. :)

  2. #2
    Join Date
    Apr 2007
    Location
    Ontario, Canada
    Posts
    1,731
    Plugin Contributions
    27

    Default Re: Cannot Change Link Colors in CSS

    Need to see the site to fix the CSS... can you post/PM a link?
    Twitch.
    https://www.twitchtoo.com Do you work for free? Please donate.
    Twitch Base8 - Obsidian - This, is what's new.

  3. #3
    Join Date
    Mar 2009
    Location
    Crockett, Texas
    Posts
    139
    Plugin Contributions
    0

    Default Re: Cannot Change Link Colors in CSS

    Oh...I'm sorry...
    http://metimemelts.com/

  4. #4
    Join Date
    Apr 2007
    Location
    Ontario, Canada
    Posts
    1,731
    Plugin Contributions
    27

    Default Re: Cannot Change Link Colors in CSS

    When I hide this colour, your left nav links turn blue...

    a:link, #navEZPagesTOC ul li a {
    /* color: rgb(255, 255, 255); */
    }

    Your a:hover is pink.
    Twitch.
    https://www.twitchtoo.com Do you work for free? Please donate.
    Twitch Base8 - Obsidian - This, is what's new.

  5. #5
    Join Date
    Mar 2009
    Location
    Crockett, Texas
    Posts
    139
    Plugin Contributions
    0

    Default Re: Cannot Change Link Colors in CSS

    I'm not sure what that means. What am I suppose to do then?

  6. #6
    Join Date
    Apr 2007
    Location
    Ontario, Canada
    Posts
    1,731
    Plugin Contributions
    27

    Default Re: Cannot Change Link Colors in CSS

    It looks like you are using the classic template css:
    includes/templates/classic/css/stylesheet.css

    around line 21
    change this:
    a:link, #navEZPagesTOC ul li a {
    color: #ffffff;
    }

    to this:
    a:link, #navEZPagesTOC ul li a {
    color: #000;
    }
    Twitch.
    https://www.twitchtoo.com Do you work for free? Please donate.
    Twitch Base8 - Obsidian - This, is what's new.

  7. #7
    Join Date
    Mar 2009
    Location
    Crockett, Texas
    Posts
    139
    Plugin Contributions
    0

    Default Re: Cannot Change Link Colors in CSS

    Okay...I tried that and it does not appear to be the problem. I tried it with and without the text decoration and have refreshed and cleared my cache. The hover should in face be pink, the links in the brown areas should be white and the links in the white areas should be brown.

    Do you think I would be better to start with a fresh css file?

  8. #8
    Join Date
    Apr 2007
    Location
    Ontario, Canada
    Posts
    1,731
    Plugin Contributions
    27

    Default Re: Cannot Change Link Colors in CSS

    Split the site wide a links from the navigation ez pages in your CSS...

    a:link {
    color: #663300;
    }

    #navEZPagesTOC ul li a {
    color: #FFFFFF;
    }
    Twitch.
    https://www.twitchtoo.com Do you work for free? Please donate.
    Twitch Base8 - Obsidian - This, is what's new.

  9. #9
    Join Date
    Mar 2009
    Location
    Crockett, Texas
    Posts
    139
    Plugin Contributions
    0

    Default Re: Cannot Change Link Colors in CSS

    I did that and I appreciate you showing me the split but I am still seeing purple links. Are you?

  10. #10
    Join Date
    Apr 2007
    Location
    Ontario, Canada
    Posts
    1,731
    Plugin Contributions
    27

    Default Re: Cannot Change Link Colors in CSS

    It's 1am... I'm seeing snow falling... ;)

    Your a:visited links are remmed out:

    change this...
    a:visited {
    /*color: #724328;*/
    text-decoration: none;
    }

    to this...
    a:visited {
    color: #724328;
    text-decoration: none;
    }

    Then add a:visited to the ez pages with the colour of your choice.
    Twitch.
    https://www.twitchtoo.com Do you work for free? Please donate.
    Twitch Base8 - Obsidian - This, is what's new.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. How can I change link colors in header, without changing all other link colors?
    By coreyalderin in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 20 Jun 2012, 03:17 AM
  2. CSS categories link colors
    By broeder in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Mar 2009, 02:46 PM
  3. css link colors, help
    By Hoodieboy in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 3 Dec 2007, 11:07 AM
  4. Using css to change 'text' colors in options pulldown?
    By dinki in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 30 Dec 2006, 09:53 PM

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR