Support » Fixing WordPress » Sooooo Close with Sub Menu….

  • Resolved intcon

    (@intcon)


    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; }

    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…

    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…

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What if you override it instead?
    E.g

    background-color: #fff !important;

    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…

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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 ‘Sooooo Close with Sub Menu….’ is closed to new replies.