Remove background on tabs

  • Resolved 96320

    (@96320-1)


    13 years, 1 month ago

    I can’t figure out how to remove the gradient background on the tabs and have them aligned left instead of centered.

    I have (with the help of firebug) tried to override the styles in the custom css field, but with no help. Then I tried to set all background to “none” in the light theme I am using – didnt work, so then I tried to alter the all.css and remove the gradient- but it is still loading a greadient background, but from where?

    Please help – I really love this plugin but I’d like it to have he same style as the rest of my site!!

    http://ww.wp.xz.cn/extend/plugins/wp-ui/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kramarz

    (@kramarz)

    13 years, 1 month ago

    For example, to make inactive tabs white, add to your .css file:

    .wpui-light ul.ui-tabs-nav li {background: #fff !important;}

    To change the background of the active one use this instead

    .wpui-light ul.ui-tabs-nav li.ui-state-active {background: #fff !important;}

    as to ‘have them aligned left instead of centered’ – not sure what you mean, they are aligned left already?

    P.S.
    the ‘!important’ part is crucial here, to overwrite what’s there.

    Thread Starter 96320

    (@96320-1)

    13 years, 1 month ago

    Thank you very much! With centered, I meant the horizontal tabs, I want them be le left aligned – but got it sorted!

    Another thing – I found the vertical tabs bar even more cool:) but the active tab keeps jumping up about 10px (not at hover, just when clicked) – I did a fresh install of the plugin to make sure it wasnt something I have caused. Any ideas on where I fix this? I can’t see anything in css (selected/active) so I wonder if it is in one of the js files?

    Thanks heaps!!

    Thread Starter 96320

    (@96320-1)

    13 years, 1 month ago

    Im an idiot! After a closer look I saw that the original state had 4px padding but not the active.. Sorry!

    Thanks again for an excellent plugin!!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove background on tabs’ is closed to new replies.