Newbie: My menu is transparent and hard to read

  • I’m honestly not sure about the version, I don’t know where to look. My problem is that my drop down menu is transparent and so when it drops it covers a word I have on the side bar and it makes it hard to read the menu.

    Someone said to try
    div#navigation li a {
    background-image:none!important;
    background-color:black!important;
    }
    I put that in the css but it just makes it black, not solid.
    I also tried this
    div#navigation li a {
    background-color:#ffffff;
    opacity:1;
    }
    But it does nothing.
    Can anyone help?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter jojob

    (@jojob)

    One more thing, now my menus are black and bold on the main site page but when I go to another page they return to normal.

    Thread Starter jojob

    (@jojob)

    sorry, this is a link to my site

    Looks like the transparency in your menus is working properly. If it was transparent, the words on the page would be visible though the menu. I think your issue is with the z-index, which effects the order of how different elements are layered. It looks like the sidebar content and the chat box is on top of the menu content.

    If you change the z-index of the menu so that it is on top, that should solve your issue.

    The value for your z-index in the menu depends on the z-indexes of the other elements. If you don’t know what those values are, try playing around with it. For instance, add:

    z-index: 10000;

    to the CSS for the menu. If that doesn’t work, keep going up until you get somewhere.

    Good luck!

    Thread Starter jojob

    (@jojob)

    Thank you. I’ll look it up. I’m very new to CSS. I sure appreciate the help.

    JoAnne

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Newbie: My menu is transparent and hard to read’ is closed to new replies.