Change drop-down menu arrow color and widget borders

  • lateatlantean

    #5421

    Hello!

    Love the new version 1.8! Thank you!

    Read through forums and discovered how to remove the drop-down menu arrow,,,but I don’t mind it except I am using light colors and it shows as black. How, please, might I simply change the color?

    Also, can someone give me an example code for targeting specific widget boxes to show no borders? I don’t want to have widget borders around my ads when I place them as it often creates two lines (as they often have them), or they just looks, well, “boxed in”.

    Thanks again!

    lateatlantean

    #31928
    Quote:
    Also, can someone give me an example code for targeting specific widget boxes to show no borders? I don’t want to have widget borders around my ads when I place them as it often creates two lines (as they often have them), or they just looks, well, “boxed in”.

    Oh…I’m sorry, I think Josh answered this in a previous post. I haven’t had a chance to try it yet (keep getting interrupted) will mark it as resolved when I have. I was very tired last night and forgot I had it in my favorites.

    Just need the arrow color solution…no rush…I know you are all very busy with this new update and more pressing questions/troubles than that. 🙂

    Prasanna SP

    #31929

    That arrow comes from a sprite image. If you want a different coloured arrow, make a separate image and use this css.

    #header-menu > li.menu-item-ancestor > a {
    background: url('http://arrow-image.png') no-repeat transparent;
    }

    Change http://arrow-image.png to the actual image URL.

    lateatlantean

    #31930

    Well, I tried uploading a picture to my media library and used the http// that was generated and replaced as shown above, but it didn’t work. I guess since the original arrow changes color when the menu drops down, I thought it could be easily changed. Maybe it would be easier to just get rid of it, but I like having the option of it being obvious that there is a list in some menu items. Many of my users may be older “the obvious” indications may be helpful to them.

    Can’t seem to make the drop-down box width smaller either…tried using the Graphene option but it did not respond to any size I put in.

    lateatlantean

    #31931
    Quote:
    Can’t seem to make the drop-down box width smaller either…tried using the Graphene option but it did not respond to any size I put in.

    Graphene option for this seems to be working for this now. I must have been inputting value incorrectly or something, anyway…that part is all good now.

    I will keep trying to change the arrow image to a lighter one…what might be a good source? What size does it need to be?

    Even though I am good with the arrow being there…I even tried to just remove it with this code from a previous support;

    #header-menu > li.menu-item-ancestor > a {
    background: none;
    padding-left: 9px;
    }

    Unfortunately, although it did work in firebug (this padding value worked for my menu) and for others, it didn’t work for me. When I checked firebug after updating with this code…it still showed the original code…although the padding changed applied. Not sure what to do.

    Just really would be great to have a lighter colored arrow, like white or bright-ish green or something (maybe a bit smaller..but that’s not so important).

    As mentioned previously, I have light colors on my site and the black just sticks out so much.

    Thanks again for your help,

    Donna

    lateatlantean

    #31932

    oh…cleared browser cache and with ctrl-f5 too.

    Prasanna SP

    #31933

    Did you try adding !importantdeclaration for an elements property? Example,

    #header-menu > li.menu-item-ancestor > a {
    background: url('http://arrow-image.png') no-repeat transparent !important;
    }

    Or,

    #header-menu > li.menu-item-ancestor > a {
    background: none !important
    }

    lateatlantean

    #31934

    No, I didn’t…thank you, I will try it. 🙂

    lateatlantean

    #31935

    Cool! That worked for removing the arrow.

    I guess I’ll just use it that way until I can figure out the image thing. Does it have to be a sprite image? Do you know what size it has to be? Do I just upload it to my media file and use that url?

    Thanks Prasanna…I really appreciate your patience with me!

    Donna

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.