You can always take a look at the html markup for the tabs and create
a new CSS override that does what you want. I'd recommend doing this
in a new CSS file that is referenced last on the page instead of
editing any of the CSS files generated by ThemeRoller.

See the theming tab on the docs page for the class structure:
http://jqueryui.com/demos/tabs/

The active tab has multiple classes you can key off for your custom
styles, the I'd write a style against "ui-tabs-selected" and "ui-tabs"
to get whatever effect you want.

BTW - if you want to style away the bg colors and borders, you can
just go to ThemeRoller and set the border color and bg color to your
page color. You can turn off the rounded corner CSS styles there too:
http://jqueryui.com/themeroller/

Just make these changes and hit download.

On Apr 4, 11:32 am, Steven Black <[email protected]> wrote:
> See the CSS classes listed and explained here:
>
>  http://jqueryui.com/docs/Theming/API
>
> On Apr 3, 2:41 pm, jQueryAddict <[email protected]> wrote:
>
> > I just implemented the jQuery tabs.  It came with a color scheme I do
> > not like.  And I don't want to use any of the theme rollers.  We have
> > very specific needs in that we only want our images to show up as the
> > tabs which they do, but the CSS inherited from this plugin is grey and
> > has rounded borders, etc.  We don't want borders or background colors
> > behind any of the jQuery tabs functionality.
>
> > I am not sure if it's possible to modify the CSS that's behind this?
> > Or if so how or where could I do this?  One would assume jquery-
> > ui-1.7.1.custom.css but just checking to make sure this is the right
> > place to do so for jQuery tabs for example.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to