Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > Root images have no padding

• Chris

  Posted on Apr 12, 2011 (permalink)

  Hello,
  
  I have a Menu that has three images (no text). I am trying to get some padding around the images rather than have the menu border be right near them. The CSS code I am using in my main CSS file is:
  
  

  .RadMenu_Vista .rootGroup .item

  {

      padding: 40px; 

  }

  
  It doesn't seem to be working, however. Am I missing something?
  
  Thanks,
  Chris

• Kate Kate

  Posted on Apr 13, 2011 (permalink)

  Hi Chris,
  
  Please try to use the following css class selector or simply add div to the selector that you have pasted in the forum post:
  

  div.RadMenu_Vista .horizontal .text {

      padding: 0 6px 0 7px;

  }

  
  As a side note we do not in case you are using the classic control we no longer provide support for them. You can read more about that here.
   
  All the best,
  Kate
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

• Chris

  Posted on Apr 13, 2011 (permalink)

  Kate,
  
  Unfortunately, neither of those suggestions worked.
  
  The thing is, I have no text in the menu. It is entirely images (this is going on a mobile website). That may be part of the issue.
  
  Also what may be part of the issue: we upgraded yesterday to the newest version of Telerik (we had been using a version from 2009). This problem cropped up with the upgrade. Previously the menu had three icons (18x18 each), along with a little bit of padding so each menu item looked to be something along the lines of 24x30. Now the menu items are 18x18, and I'd like to get them back to the way they were.
  
  Any help is much appreciated.
  
  Thanks,
  Chris

• Answer Kate Kate

  Posted on Apr 14, 2011 (permalink)

  Hello Chris,
  
  Please try the following css class selector and in case it does not help I would a live url to inspect the issue and help you out:
  

  div.RadMenu .rmItem .rmLink .rmLeftImage,

  div.RadMenu .rmItem .rmLink,

  div.RadMenu .rmLink .rmText {

   

      padding: 0 3px 0 5px !important;

  }

  
  Best wishes,
  Kate
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

• Chris

  Posted on Apr 14, 2011 (permalink)

  Kate,
  
  That did the trick. I have to play around with the values a little bit to get it to look right, but it's doing what it needs to. Thanks!
  
  -Chris

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Menu > Root images have no padding