Mark / t31os

Appreciate your kind words, always nice to hear.. ??

You are most welcome. ??

Can you please provide some details of how you are implementing your custom skin.

Can you provide steps for me to reproduce this problem please.

Sorry i don’t see anything on the page linked, did you manage to resolve the problem? If not, i’d take a wild guess at it being an unclosed tag inside the content.

Not natively with the plugin unfortunately, but if you are considering implementing your own jQuery tabs script, ajax loading content is supported.

https://jqueryui.com/tabs/#ajax

Admittedly, i am then at a loss as to why no scripts are being output to your page, the plugin adheres to WordPress standard practices for loading scripts.

I can see the stylesheet is output correctly, but there’s a strange absence of any javascripts on your page(very rare to see a site with not even a single javascript file).

The site is built on WordPress’ standard 2012 theme

Your theme directory suggests otherwise, or are you saying you built the theme starting with the 2012 theme as a base?

Can you test another theme, simply to see if it resolves the problem. That will at least tell us if the issue is a theme one, or elsewhere(such as a plugin).

Please feel free to update this thread if you still require some help.

NOTE: Sorry for the delayed response, not had alot of time infront of the coding PC due to the hot weather we’ve been experiencing here in the UK(it’s been pretty unbearable to be honest).

Sorry for the late response, has been way too hot here(UK, heatwave) to sit infront on the PC for too long.

It appears you have resolved your styling issues now, or at least made some headway in getting your CSS how you want.

If you still require further help, please feel free to pop another response in here.

The tabs should always start on the left-most tab unless you’re landing on the page using a tab anchor.

Can you provide a link to a page with the problem please?

Using CSS would be the way to go, that will hide the element out of sight straight away and should not cause any flash of content.

You should set the display property for the list container though and not each individual list item.

Eg.

.ui-tabs-nav { display:none; }

Or if it’s being a little persistant..

.ui-tabs-nav { display:none!important; }

None of the Javascript files are being output in your page, ensure your theme’s header.php and footer.php include the appropriate calls to wp_head() and wp_footer(), the plugin cannot enqueue and output the scripts without them.

You theme is loading an older version of jQuery, that is likely conflicting with the newer version included in WordPress.

Taken directly from the source of your page..

<script type='text/javascript' src='https://taskulamp.ee/wp-content/themes/estore/js/jquery-1.4.2.min.js?ver=1.4.2'></script>

Hi Jayson,

Do you have a testing environment you could run some tests on? ie. a local website setup, on WAMP or similar?

I’d be curious to see if you can replicate these issues locally, and ideally testing with the bare minimal of plugins activated. Obviously your site is active and you don’t want to go switching parts of it off(totally understand that_, so testing in a local environment might be helpful in narrowing down on what specifically is at fault.

Testing the beforeafter code outside of a shortcode may be helpful to(as you suggested above).

Hi Gareth,

Glad to hear you got there in the end, i knew it would be a matter of just tweaking the CSS to fit what you are working with.

Happy to hear you have everything setup as you want it now, and i’m happy to have helped… ??

Hi CFSAdmin,

Can you try explicitly setting the font family for the rule instead?

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family: FONTNAMEHERE !important; }

The rule was almost working, it just couldn’t find font styling on the containing element, so fell back to the original rule(in essence making the new CSS appear to do nothing).