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

    Thread Starter intcon

    (@intcon)

    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.

    Thread Starter intcon

    (@intcon)

    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.

    Thread Starter intcon

    (@intcon)

    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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

    Thread Starter intcon

    (@intcon)

    #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?

    Thread Starter intcon

    (@intcon)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What about

    background-color: transparent !important;

    Thread Starter intcon

    (@intcon)

    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.