Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
126
rated 0 times [  133] [ 7]  / answers: 1 / hits: 22534  / 15 Years ago, wed, march 17, 2010, 12:00:00

I am using jquery UI tabs and I need to majorly change the styling on it. I need to rempve the background image, the borders, almost everything. I need it to look minimal, and not like it's self contained.



What's the best way to do this? I need to use the default UI styling for the calendar widget however, which is on the same page. I've done a lot of research and everyone seems to point to the theme-roller. However, i do not just want to change the colors and border radii. I need to delete crap. theme-roller seems to be just change things like colors (not really useful for the real world). How do I adapt the css for the tabs without changing the styles of the other UI widgets on the same page (I want the calendar to stay as it is)?



Is it even worth using jquery UI for my tabs?


More From » jquery

 Answers
51

You should check out Keith Wood's detailed blog post on styling JQuery UI Tabs.



The answer to your specific question




I need to rempve the background image, the borders, almost everything.
I need it to look minimal




is in this section Remove most of the formatting of Keith Wood's post.



In addition to this, there are 10 more style changes, complete with the CSS required to achieve the desired effect.



JQuery UI Tabs Styling - Keith Wood Blog Post


[#97316] Sunday, March 14, 2010, 15 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
stacie

Total Points: 476
Total Questions: 92
Total Answers: 102

Location: Bosnia and Herzegovina
Member since Tue, Mar 29, 2022
2 Years ago
stacie questions
Fri, Jun 26, 20, 00:00, 4 Years ago
Thu, Jan 23, 20, 00:00, 4 Years ago
Fri, Aug 30, 19, 00:00, 5 Years ago
Fri, Aug 2, 19, 00:00, 5 Years ago
;