[metalroo]

metalroo

#3388

I am almost done with customizing my menu but there is one thing of which i am unable to find where to change it in my css file. I you look at info for example, the 3 items showing when hovering over it have a rectangle background around them. I want that to be blank, so only the rounded corners are shown but after trying to change all possible css elements i haven’t been able to achieve that.

I am using the custom menu btw. (Appearance -> Menus

Any ideas are very welcome 🙂

Website http://www.gendji.eu

Not sure if this is/was a support question or not, if not, throw me in the correct section please 🙂

[Anonymous]

Anonymous

#24616

Are you talking about this? This will take off the background when you hover over.

#header-menu ul li a {

background: none repeat scroll 0 0 transparent;

}

[Anonymous]

Anonymous

#24617

I tested it but it’s still there. It’s the background of the 3 menu items i am looking for. As you can see there is some sort of rectangle around them which shows at the rounded edges. That’s what i want transparent somehow.

[Anonymous]

Anonymous

#24618

Oh I think I see what your talking about. Try this:

#nav .menu ul {

box-shadow: none;

}

[Anonymous]

Anonymous

#24619

Ooooooh yeah 😀 that’s it, thank you very much!

[Anonymous]

Anonymous

#24620

Awesome please make topic resolved 🙂 Thanks!