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

Telerik Skin Padding

2 Answers 86 Views
Menu
This is a migrated thread and some comments may be shown as answers.
RBarnes
Top achievements
Rank 1
RBarnes asked on 02 Dec 2008, 05:10 PM

I used the below script to remove the padding from the menu items in 2008.Q1.

We recently upgraded to 2008.Q3 and the below doesn't remove the padding, nore can I find any combination that does.

Can you provide the necessary css to remove the menu padding using the Telerik Skin for A3.

Thanks in advance.

<style type="text/css">   
    .RadMenu .rmLink .rmText   
    {    
        font-size:14px;  
        font-weight:normal;  
        padding: 0px 5px;  
    }    
    
</style> 

2 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 03 Dec 2008, 11:48 AM
Hi Dennis,

Try the following CSS in order to remove the padding in the menu. The "!important" declaration override normal CSS declarations.

CSS:
<style type="text/css">    
.RadMenu .rmLink .rmText     
{      
    font-size:14px !Important;  
    font-weight:normal !Important;    
    padding0px 5px !Important;   
}    
</style> 

Thanks,
Princy.
0
Tab Alleman
Top achievements
Rank 1
answered on 07 Jun 2010, 07:59 PM
Princy,

Using your proposed solution causes my menu to have padding to the right of my separator when I hover over a menu item.

I am able to manipulate the "padding-left" successfully, but manipulating "padding-right" also puts padding to the right of my separator.   What I want is to be able to reduce the padding between my text and the separator.

Any solution?
Tags
Menu
Asked by
RBarnes
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Tab Alleman
Top achievements
Rank 1
Share this question
or