Tab Width

[Aron]

How do you change the width of each of the tabs on a TabStrip?

div#tabs li.k-item {

    width:300px;

    color: red;

}

This style change has no effect.  Thanks

 

 

[Iliana Dyankova]

Hi Aron,

In order to achieve the desired outcome you should change the used selector. I believe the following one should help: 

.k-tabstrip ul li.k-item{
   width: 300px;
   color: red;
}

Regards,

Iliana Nikolova
the Telerik team

[Aron]

That almost worked.  When I did a mouseover for a tab only the text highlighted instead of the entire tab.  The following solved it.
I do nt know why I need a smaller width for k-link, but if it is the same it goes beyond the tab.  Thanks. Mark as closed.

.k-tabstrip ul li.k-item, li.k-tabstrip-items{

     width: 212px;

 }

 .k-link{

     width: 185px;

 }