WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Sooooo Close with Sub Menu….

[Resolved] Sooooo Close with Sub Menu….

  • I have a submenu I’ve argued with for a week. The first level and all subsequent sub levels will sort of indent, and sort of not. The submenu CSS code is here..
    http://pastebin.com/9sFuV0vB
    the page is here…
    http://bit.ly/SGSary

    when you mouseover books3, you can see the stretch of orange to the left before the text starts….I just want an indent, without a background color…

    possible?

    thanks in advance!

    carrie

Viewing 12 replies - 1 through 12 (of 12 total)
  • Not sure if I understand for sure. You want the orange to the left of the text gone?

    If so find.

    #nav ul li ul.sub-menu {
        background: none repeat scroll 0 0 #D46123;
        color: #FFFFFF;
        font-size: 10pt;
        left: -999em;
        position: absolute;
        text-align: left;
        width: 150px;
    }

    Remove

    background: none repeat scroll 0 0 #D46123;

    yes! that’s what I want, but I don’t have that piece of code (background: none – etc) anywhere in my stylesheets. Mine is

    #nav ul li ul.sub-menu {
    text-align:left;
    font-size:10pt;
    background:#D46123;
    color:#ffffff;
    position: absolute;
    width: 150px;
    left: -999em; }
    WPyogi
    Forum Moderator

    @wpyogi

    That’s exactly the same code as WP Bum posted — just the order of the styles is different — some browsers (likely Firebug) alphabetize them.

    it is…except the

    background: none repeat scroll 0 0 #D46123;

    line. that isn’t in my style sheets, so I can’t remove it.

    it’s ALMOST the same code, but the line I’m told to remove isn’t there…

    WPyogi
    Forum Moderator

    @wpyogi

    Have you tried removing that line as suggested? It gets rid of the orange to the left which is what you said you want.

    He said to remove

    background: none repeat scroll 0 0 #D46123;

    but that isn’t in my code…I have 3 stylesheets, and it’s not there. If it’s somewhere else, I’ll gladly remove the line…

    Andrew Nevins
    Forum moderator

    @anevins

    What if you override it instead?
    E.g

    background-color: #fff !important;

    WPyogi
    Forum Moderator

    @wpyogi

    It IS the same code — Firebug just adds/displays default values. I looked at it in Chrome and it’s identical to what you are looking at. So just try removing that background line.

    Is that a custom theme you are using?

    #nav ul li ul.sub-menu {
    text-align:left;
    font-size:10pt;
    background:#D46123;
    color:#ffffff;
    position: absolute;
    width: 150px;
    left: -999em; }

    This is what is in my stylesheet…under background it says

    background:#D46123;

    not

    background: none repeat scroll 0 0 #D46123;

    I understand it’s ALMOST the same code, but in different order – but seriously, nowhere in that snippet of code is the ackground: none repeat scroll 0 0 #D46123; line….I’ve searched for it in the stylesheets, it simply isn’t there…I hate being stupid, but I can’t remove something that isn’t there….right?

    Andrew, that just turned the orange bar white….sorry….=) but thanks…

    Andrew Nevins
    Forum moderator

    @anevins

    What about

    background-color: transparent !important;

    yes!!!!!!!!!!!!!!! *dancing in the streets* yay!!! thank you thank you thank you!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Sooooo Close with Sub Menu….’ is closed to new replies.