Trying to remove first column in a horizontal dropdown

[bruce]

Hello,

I have a horizontal RadMenu.  When a submenu drops down,  there is an empty column that preceeds the submenu item text.  I am using a custom skin ( derived from the Default skin).   I guess this area was used to display an icon. 

The attached jpg displays the menu.
I would like to either remove this area ( which is a gray background) or change the column background to match the website.

Since this is a dropdown on a horizontal menu,  would I be modifying the rmVertical classes ( even tho it is a horizontal root menu)?

Thanks,
bruce

[Cori]

Hello Bruce,

You are right, that left "column" is for icons. To remove it you could do something like this:

.rmVertical .rmItem .rmLink
{
   background: #FFFFFF none !important;
}

So all it does is remove the background image and replace it with a white background color.

Also, if you want to remove the space caused by the icon spot, you can add this as well:

.rmVertical .rmItem .rmLink .rmText
{
   padding-left: 5px !important;
}

The default padding-left is 26px, so I just reduced it to 5px.

I hope that helps.

[bruce]

Cori,

That did it - thanks.

bruce