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

Reduce TabStrip LI Padding

3 Answers 152 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
tim
Top achievements
Rank 1
tim asked on 22 Dec 2010, 12:51 AM
I'm having an issue with removing the padding to the tab name text in my RadTabStrip. I have limited width due to my customers current screen resolution. I have made multiple changes to the .css skin file and have found no resolution. Attached is a screen shot of the current tabstrip. I would like to remove all of the padding around the text.

Thanks in advance

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 22 Dec 2010, 01:04 PM
Hello Tim,

You can achieve this by modifying  the default CSS like below.

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

Shinu.
0
tim
Top achievements
Rank 1
answered on 22 Dec 2010, 06:23 PM
Shino,

This did not remove the padding to the left of the tab text. How do I remove this default left padding to just 0? Attached is another screen shot.
0
Cori
Top achievements
Rank 2
answered on 23 Dec 2010, 02:56 PM
Hello Tim,

Try applying the following style and see if it works:

.RadTabStrip .rtsLevel .rtsLI .rtsLink
{
    padding-left: 0 !important;
    text-align: left !important;
}

The RadTabStrip center aligns the text, so removing the padding doesn't do much. Also, just removing the left padding and text alignment on the link level should do the trick.

I hope that helps.
Tags
TabStrip
Asked by
tim
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
tim
Top achievements
Rank 1
Cori
Top achievements
Rank 2
Share this question
or