Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problems With Horizontal Menu

    Hi Everyone

    I'm trying to get a Wordpress blog up and running am using one of the templates for the design. I would like to change the color of the links for the drop down menu items when I hover over them. Currently it is white text on a white background, thus impossible to see, any other color would be better (don't know why it was designed like this). Anyways, I have access to the CSS but I'm not sure what to change. Any help would be great. Here is a link to my blog if you want to take a look at the css code:

    http://sheldonhuelin.com/

    Thanks
    Sheldon

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello sheldonhuelin,
    In your style.css you will find this -
    Code:
    ul#nav ul a:hover, ul#nav ul a:hover span,
    ul#nav a.active ul a:hover span,
    ul#nav li.current_page_item ul a:hover span,
    ul#nav li.current_page_ancestor ul a:hover span,
    ul#nav ul li.current_page_parent a:hover span,
    ul#nav ul li.current_page_item a:hover span,
    ul#nav ul li.current_page_parent li.current_page_item a:hover span{
      color:#fff;
    }
    Change that color: #fff; to whatever color you want the text to hover.


    An ap that makes it very easy to find things like this is FireBug for FireFox. Get FireBug here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi
    Thanks for the help. I tried changing it to several colors (i.e. #458B00) and it doesn't change.
    Sheldon

  • #4
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Have you tried changing the color value in this part of css?

    Code:
    ul.menu .fadeThis span.hover {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      height: 100%;
      width: 100%;
      background: #f7f5ef url(images/side-menu-active.png) repeat-x left bottom;
      z-index: -1;
    }
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #5
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hey
    I just tried and the color never changed. I think I'll choose a new template, thanks for the help.
    Sheldon

  • #6
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Don't give up quite yet. HOw about changing:

    ul#nav li a:hover{
    color: #fff;
    }

    and also implement changes Excavator suggested. Might be a combination of things you need to change.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #7
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi
    I changed the colors for all instances mentioned above, the colors on the actual website never changed
    Sheldon

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    I don't have enough time to cleanup your css, though try the following changes in your style.css
    Code:
    /*
    ul#nav ul a:hover, ul#nav ul a:hover span,
    ul#nav a.active ul a:hover span,
    ul#nav li.current_page_item ul a:hover span,
    ul#nav li.current_page_ancestor ul a:hover span,
    ul#nav ul li.current_page_parent a:hover span,
    ul#nav ul li.current_page_item a:hover span,
    ul#nav ul li.current_page_parent li.current_page_item a:hover span{
      color:#fff;
    }
    */
    ul#nav li ul a:hover, ul#nav li ul a:hover span{
      color: #1568A6;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    New to the CF scene
    Join Date
    May 2010
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks but I tried it again and with no success. I'm switching to another template. Thank you all for all of your help.
    Sheldon


  •  

    Tags for this Thread

    Posting Permissions

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