This is a migrated thread and some comments may be shown as answers.

Trying to remove first column in a horizontal dropdown

2 Answers 80 Views
Menu
This is a migrated thread and some comments may be shown as answers.
bruce
Top achievements
Rank 1
bruce asked on 07 Oct 2010, 08:47 PM
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

2 Answers, 1 is accepted

Sort by
0
Cori
Top achievements
Rank 2
answered on 08 Oct 2010, 01:23 PM

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.
0
bruce
Top achievements
Rank 1
answered on 08 Oct 2010, 03:54 PM
Cori,

That did it - thanks.

bruce
Tags
Menu
Asked by
bruce
Top achievements
Rank 1
Answers by
Cori
Top achievements
Rank 2
bruce
Top achievements
Rank 1
Share this question
or