Capability Support

Support

• Main
  • Blog
  • Documentation
• Discussions
• Activity
• Sign In

• Freelancealot October 2011

  Hi,
  
  I've used Elegant Themes in the past and they use similar shortcodes. One of the them creates an autorotating 'slider' without displaying the tab and titles. You can see it at http://www.elegantthemes.com/preview/TheProfessional/shortcodes/#tabs (number 5 as you scroll down).
  
  I have tried h3.wp-tab-title {display: none;} in both my theme CSS and the Advanced tab of WP UI, but neither worked.
  
  Is there anyway to achieve this with WP UI?
  
  Thanks for your help.
  
  Cheers,
  Tracy
  
  
• kavin October 2011

  Hi Tracy, you can do so with the following piece of code.
  
  This hides tabs globally.
  
ul.ui-tabs-nav {
display : none !important;
}

  
  But most of the time you would probably want to hide the tabs only on auto rotate. It's simple to do so, Auto rotating tabs gain the class .tab-rotate-3000 (value), last portion of it being the value. So if you have given the argument rotate="5s", then class would be ".tab-rotate-5s" .
  
  So this will hide the tabs on that specific instance.
  
  
.tab-rotate-5s div.ui-tabs ul.ui-tabs-nav {
display : none !important;
}