[Solved] Setting the left and right margin in sub menu

[Clive Hoggar]

Hi

I have updated to Q1 2009 versions and the facelift has affected my CSS overrides.
Using the Black skin,  how can I reduce the amount of margin or padding on either side of the
items in the child menu that appears on mousover, and also when the child item is clicked?

Thanks

Clive

[Yana]

Hi Clive,

Please use the following css styles in order to reduce padding:

.RadMenu .rmGroup .rmText {
  margin: 0 !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

Kind regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Princy]

Hello Clive,

You can reduce the padding for the child items by using the following css style:
css:

  <style type="text/css">
    .RadMenu_Black .rmGroup .rmLink .rmText
      {
    padding-right:5px !important;
    padding-left:5px !important;
      }
   </style>

Thanks
Princy.

[Clive Hoggar]

Hi
Thanks for quick feedback.
Couldn't get this to work at first but for other readers it finally it worked like this:

div.RadMenu .rmGroup .rmText,
div.RadMenu .rmFocused .rmText
{
    margin:0px !important;
    padding-left:15px !important;
    padding-right:15px !important;
}

Thanks

Clive