Results 1 to 10 of 10
  1. #1
    Join Date
    Mar 2011
    Posts
    160
    Plugin Contributions
    0

    Default Horizontal Navigation Bar CSS

    Hi,

    I have an issue finding how to change the text color of the links in the horizontal navigation bar. I've found how to change the color of the links but it changes the color on the whole site. I just want to change the color on the navigation bar to white.

    Also if anyone know how to add/remove links from that bar that would be great.

    Please help.

    My site: www.bequjuice.com

    thanks

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Horizontal Navigation Bar CSS

    Not sure if this is what you want to change, but try adding:

    #navCatTabsWrapper a {color: #FFFFFF;}

  3. #3
    Join Date
    Mar 2011
    Posts
    160
    Plugin Contributions
    0

    Default Re: Horizontal Navigation Bar CSS

    Hi Stevesh,

    Yes and no. It does change the color of the horizontal bar to white and that's what i want, but then it also changes all the items in drop down menu below to white as well on mouseover. That makes them invisible. I tried to figure out where I can change that but wasnt able to find in CSS.

    Any suggestions?

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Horizontal Navigation Bar CSS

    I don't quite understand the css syntax for unordered lists myself, but this seems to work:

    #navCatTabsWrapper a {color: #FFFFFF;}

    #navCatTabsDropdown ul ul li a {color: #ff0000;}

    Glenn might come along with a better way.

  5. #5
    Join Date
    Mar 2011
    Posts
    160
    Plugin Contributions
    0

    Default Re: Horizontal Navigation Bar CSS

    Yep that worked great! Thank you.

    Do you know how I can make the links in the dropdown menu be highlighted with a different color when moused over? It used to do that before the changes.

  6. #6
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Horizontal Navigation Bar CSS

    #navCatTabsDropdown ul ul li a:hover
    {color: #ff0000;}

  7. #7
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: Horizontal Navigation Bar CSS

    #navCatTabsDropdown ul ul li a:hover {
    color: #ff0000;
    background-color: #fff000;
    display: block;
    }

    Change values as you like, if you don't like display, and background, remove them.

    EDIT:
    Steve is faster ;)

  8. #8
    Join Date
    Mar 2011
    Posts
    160
    Plugin Contributions
    0

    Default Re: Horizontal Navigation Bar CSS

    Perfect! Thank you very much.

  9. #9
    Join Date
    Mar 2011
    Posts
    160
    Plugin Contributions
    0

    Default Re: Horizontal Navigation Bar CSS

    Hi Guys,

    Just wondering if you have any idea how to solve the following issue I'm having with this mod:

    After testing it out I noticed that when viewing a certain category and then going into a product in another category the category remains the same. It does not change according to where the product you clicked on is located. This creates an issue when you click on a previous or next product arrow; where you get an error that product does not exist.

    Let me give you a specific example on my site. My site www.bequjuice.com

    When you first enter the site you are in the Juice paQs category. Then hover over the Pressed Juice category and click on any of the products there. Once the page is loaded you can see right under the PurePress logo that you're still in Juice paQs category. It did not change to Pressed Juice category. So then when you click the next arrow you will get an error saying the product was not found.

  10. #10
    Join Date
    May 2009
    Posts
    1,219
    Plugin Contributions
    2

    Default Re: Horizontal Navigation Bar CSS

    I tried, and it works fine.

 

 

Similar Threads

  1. Navigation bar CSS
    By fariba in forum General Questions
    Replies: 8
    Last Post: 25 Nov 2011, 09:57 PM
  2. Lowering Horizontal Navigation Bar
    By Goldenis in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 13 Dec 2010, 02:26 AM
  3. Help with horizontal navigation bar
    By kcb410 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Nov 2009, 10:34 AM
  4. How do I move navigation horizontal bar?
    By apples in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 31 Mar 2009, 01:17 PM
  5. HEADER PROBLEM! custom horizontal navigation bar
    By aruleal in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 28 Jul 2008, 07:31 AM

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