kavingray

Strange, It seems to work here. Anyway I might be wrong. With the recent CSS changes to jQuery UI – absolute positioning CSS fix I was about to suggest will not probably work. You might need to do it with JS, for example –

wpuiJQ( function( $ ) {
    $( '.wp-tabs' ).find( '.ui-tabs-panel' ).css({ position : 'absolute', top : '-1000px' });

   // better to use ID.
    $( '.wp-tabs' ).on( 'tabsbeforeactivate', function(e, ui ) {
         ui.newPanel
          .css({ 'position' :  'static' })
          .siblings('.ui-tabs-panel')
         .css({ position : 'absolute', top : '-1000px' });
   });
});

You might need to harness the tabsbeforeactivate event appropriately to make the tabs work. Please modify the code accordingly.

Apologies, this issue will be fixed shortly. Meanwhile you can enter this in options->Advanced->Conditional script load logic.

!is_home()

Above disables the plugin scripts on home page.

Dear Willie,

Most likely there is a problem in the HTML output, Please check the inline styles and JS for any syntax errors. Scripts errors are usually a result of this.

Thanks for notifying, will issue a fix ASAP.

Hi, there is a javascript error thrown on the page, from a script “collapse.js” from the plugin jQuery collaps-o-matic. Disabling the plugin might solve this issue.

Delayed initialization is usually due to slow connection, But it also can occur on other circumstances.

Tabs might misbehave when hidden during load, that’s why I’ve not yet attempted to do any form of FOUC prevention. But your suggestions are highly appreciated, I will see what I can do. 🙂

You’re welcome. Well, You can always use inline styles for the individual tabs. Are you aiming for the clickable tabs or their content? For the former, Just include an image within wptabtitle shortcode. If for the content, Each has it’s own ID attribute, that can be used to style it.

Hover over the tablink, you will find the hash of the content div it opens, for eg. http://example.com/blog/year/month/post-name#tabid . With the above example –

#tabid {
    background : url( "http://example.com/link/to/image.png" ) repeat;
}