WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sooooo Close with Sub Menu.... (13 posts)

  1. intcon
    Member
    Posted 1 year ago #

    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

  2. Aaron
    Member
    Posted 1 year ago #

    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;

  3. intcon
    Member
    Posted 1 year ago #

    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; }
  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  5. intcon
    Member
    Posted 1 year ago #

    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...

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  7. intcon
    Member
    Posted 1 year ago #

    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...

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    What if you override it instead?
    E.g

    background-color: #fff !important;
  9. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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?

  10. intcon
    Member
    Posted 1 year ago #

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

  11. intcon
    Member
    Posted 1 year ago #

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

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    What about

    background-color: transparent !important;
  13. intcon
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.