How to remove the Vertical Divider between menu items?

[Stanley]

After playing with the stylesheets, i still can't get rid of the vertical divider.
Consider the following menu (I'm using the default skin):-
Menu 1 | Menu 2 | Menu 3

I need it to be :-
Menu 1  Menu 2  Menu 3

How can I achieve this?

[sitefinitysteve]

It's coming from here

.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, .RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, .RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, .RadMenu_Default .rmBottomArrow {
background-color:transparent;
background-image:url(/aspnet-ajax/WebResource.axd?d=YvnVKmD0ElV4CQeSxhPOOL6mEpZ-a_Amu002ItMN4vm_Nz9q--u3MRZQWGpNk0UeASwAM6UpS_MXsJCjm2bFfw2&t=633958582850000000);
}

It appears to be part of the background image.  So you can find the sprite in the Default folder in your telerik install directory and just delete the vertical line then use the above style with !important at the end to override and use yours instead of theirs.

[Stanley]

Thank You Steve.
This solution works.

[sitefinitysteve]

No problem,
 
Would you be able to mark that post as Answered? :)

[Mark Galbreath]

Or you could just add

.rmGroup

{

background-image: none !important;

}

to your CSS.

Cheers!
Mark