[Solved] Cant get rid of 1px border

[Matthew Bishop]

Hey Im trying to get rid of the 1 pixle border around the root level of the RadMenu but I'll be buggered if I can get it to go away.

I thought it would have been:
 .RadMenu_Web20 .rmHorizontal .rmSeparator .rmText,
.RadMenu_Web20 .rmVertical .rmHorizontal .rmSeparator .rmText
{
 height: 22px;
 margin: 1px 0 0;
 width: 1px;
}

or

.RadMenu_Web20 .rmRootGroup
{
 border: 1px solid #6788be;
 background-color: #93b4df;
}

but changing them doesnt seem to make any difference. Does anyone know the cssclass name that I have to override?

Cheers in advance,
Matt

[Princy]

Hi,

Since the skin definitions will override any additional css classes, you will need to put an !important keyword to the corresponding styles in order to take precedence in rendering. Give a try with following CSS and see whether it working fine.

CSS:

<style type="text/css">
.RadMenu_Web20 .rmRootGroup
{
     border: 0px #6788be !important;
     background-color: #93b4df !important;
}
</style>

Thanks,
Princy.

[Matthew Bishop]

Cheers Princy, I should have remembered that.... :/

[Candace Sweigart]

Sweet!  Thanks for the tip...very helpful.