WordPress.org

Ready to get started?Download WordPress

Forums

Newbie: My menu is transparent and hard to read (6 posts)

  1. jojob
    Member
    Posted 1 year ago #

    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?

  2. jojob
    Member
    Posted 1 year ago #

    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.

  3. jojob
    Member
    Posted 1 year ago #

  4. editability
    Member
    Posted 1 year ago #

    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.

  5. editability
    Member
    Posted 1 year ago #

    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!

  6. jojob
    Member
    Posted 1 year ago #

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

    JoAnne

Topic Closed

This topic has been closed to new replies.

About this Topic