radtab formatting css

2 posts, 0 answers
  1. Chris
    Chris avatar
    3 posts
    Member since:
    Sep 2015

    Posted 16 Sep 2015 Link to this post

    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?

  2. Magdalena
    Magdalena avatar
    487 posts

    Posted 17 Sep 2015 Link to this post

    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;

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top