Results 1 to 6 of 6
  1. #1
    Join Date
    Oct 2007
    Posts
    111
    Plugin Contributions
    0

    Default nav column colors issue

    I found a thread that solved my problem perfectly with ONE hitch. I wanted different link, hover, active colors etc. in the side boxes than globally on the site. So i followed kobra's thread and added:

    #navColumnOne a:link, #navColumnTwo a:link {color} and the same for hover, visited, etc.

    and although I have different link colors set under

    h3.leftBoxHeading :hover for instance, it is changing the Headers TOO and I only want to change the navColumn colors NOT the headers on the side boxes too. Is there a work-around?

    so I want different colors in the nav sideboxes and different colors in the headers on the sideboxes, and it seems the navColumnOne is overpowering everything else.

  2. #2
    Join Date
    Sep 2007
    Location
    Dublin, Ireland
    Posts
    1,288
    Plugin Contributions
    8

    Default Re: nav column colors issue

    Do you have Firebug??? If you do then use it to check the precedence of your styles.
    Andrew

    Andrew Moore
    Omnicia Agile Development
    www.omnicia.com

  3. #3
    Join Date
    Oct 2007
    Posts
    111
    Plugin Contributions
    0

    Default Re: nav column colors issue

    don't even know what a firebug is, but i will investigate and try to find out.

  4. #4
    Join Date
    Oct 2006
    Location
    Cheney WA
    Posts
    26
    Plugin Contributions
    0

    Default Re: nav column colors issue

    firebug is an addon for mozilla firefox. www.mozilla.com

  5. #5
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: nav column colors issue

    Andrew is referring to an add-on for the FireFox browser which will allow you to see what controls what colors. There's also the web developer add-on (which I use) which I believe does some of the same things.

    Add this to your stylesheet (adjust the colors according to your needs):

    Code:
    #navColumnOneWrapper a:link, #navColumnTwo a:link {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    
    #navColumnOneWrapper a:visited, #navColumnTwoWrapper a:visited  {
    	color: #FFFFFF;
    	text-decoration: none;
    	}
    
    #navColumnOneWrapper a:hover, #navColumnTwoWrapper a:hover  {
    	color: #FF0000;
    	text-decoration: none;
    	}
    You could even separate #navColumnOneWrapper from #navColumnTwoWrapper and have different colors for each.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  6. #6
    Join Date
    Oct 2007
    Posts
    111
    Plugin Contributions
    0

    Default Re: nav column colors issue

    Thanks, I will look into both of these replies and appreciate the help!

 

 

Similar Threads

  1. Different Nav link Colors
    By jeffsuwanee in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 29 Sep 2011, 09:52 AM
  2. Change link colors in left nav column
    By Empire402 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Feb 2008, 01:18 AM
  3. Changing Colors on middle and side column
    By dragoncelt in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 20 Aug 2007, 09:35 AM
  4. Changing column bg colors
    By samisoaps in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 1 Jun 2006, 12:22 AM

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