radtabstrp giving extra padding

[shweta]

I am migrating RadTabStrip from older classic  to new Ajax supported version .In the code we are not using css file but used Skin="Outlook".
In new page now its giving extra padding around the text . Attached is the image showing difference between older and new UI.

I have tried following lines of code in css file but still padding is not removed.

.RadTabStrip

 

.rtsOut,

 

.RadTabStrip

 

.rtsTxt,

 

.RadTabStrip

 

.rtsLI,

 

.RadTabStrip

 

.rtsLink,

 

.RadTabStrip

 

.rtsIn {

 

 

padding:0px 0px 0px 0px;

 

 

margin:0px 0px 0px 0px;

 

 

font-size:10px;

 

 

/*background-color:Red;*/

 

 

}

[Shinu]

Hello Shweta,

Please try modifying the preset CSS like below.

CSS:

.RadTabStrip .rtsLevel .rtsIn, .RadTabStrip .rtsLevel .rtsTxt
       {
           padding: 0 !important;
           color: Red !important;
       }

Regards,
Shinu.

[shweta]

Its working. Thanks for your prompt reply. :)
Can you explain the significance of 0!important;

[Shinu]

Hello Shweta,

CSS rules marked !important take precedence over later rules. Normally in CSS the rules work from top to bottom, so if you assigned a new style to an element further down the style sheet or in a secondary style sheet then the later rule would take precedence. !important ensures that this rule has precedence.

Please go through this link for more information.

Regards,
Shinu.