Trying to remove first column in a horizontal dropdown

3 posts, 0 answers
  1. bruce
    bruce avatar
    14 posts
    Member since:
    Sep 2010

    Posted 07 Oct 2010 Link to this post

    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. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 08 Oct 2010 Link to this post

    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.
  3. bruce
    bruce avatar
    14 posts
    Member since:
    Sep 2010

    Posted 08 Oct 2010 Link to this post

    Cori,

    That did it - thanks.

    bruce
Back to Top