radtab formatting css

[Chris]

Hi, I'm using the tabstrip with rendermode="lightweight" and skin="metrotouch" I'm trying to override some css to change some colors;

eg .selectedtab{background:#16a085 !important;}.RadTabStripTop {background:red !important;}

All working fine, except struggling to find what controls the strip below the tabs. See attached dump - blue strip across entire control. Need to change this color.....

Any suggestions please?

[Magdalena]

Hello Chris,

The flowing rule will be remove the blue strip at the bottom of the control in its lightweight render mode:

html .RadTabStrip .rtsLevel1 {
    border: 0;
}

We have also noticed that you are applying a custom CSS classes to the control to style style its elements. The other option is to use our inbuilt CSS classes without using an "!important":

html .RadTabStrip {
    background: red;
}

html .RadTabStrip .rtsLevel1 .rtsSelected .rtsLink {
    background: yellow;
}

Regards,
Magdalena
Telerik