Hi, is it possible to have all tabs closed until selected? I think currently by default the first tab is always open however i would like all tabs to be closed until selected?
Also, is there a way to have more than 5 tabs? Ideally a lot more?
Many thanks
Hi there,
Unfortunately, it is not possible to have more than 5 tabs using our tab element. It is not recommended to have more than 5 tabs as it will impact the performance of the website significantly and that is why it is not implemented to have more than 5 tabs.
Regarding the first Tab content, it is possible to have a custom JS code to remove the active class of the first Tab.
Please kindly add the code below to X > Launch > Options > JS:
jQuery('.x-nav-tabs .active, .x-tab-content .active').removeClass('active');
Thank you.
Hi. thanks for the reply however this did not work? The first tab is still active? Is there something missing or some other setting I need to change?
Also is it ok to have a number of 5 tab elements on one page? For instance say 10 x 5 tab elements?
Many thanks
Hi there,
I’m not sure what you’re currently getting, but each tab has an option for active which you can turn off. Would you mind providing a sample URL that has this tab?
Example, if you inspect your tab, you’ll get this ( you can toggle it off )
And if you’re using a shortcode, then you can turn it off like this (active="false")
[tab_nav type="two-up" float="right"][tab_nav_item title="Click Me!" active="false"][tab_nav_item title="No, Click Me!" active=""][/tab_nav][tabs][tab active="false"] Your Content [/tab][tab] Your Content [/tab][/tabs]
http://demo.theme.co/integrity-1/shortcodes/tabbed-content/
Thanks!
Hi, yes I have set all tabs to active=“false” however the top tab remains open whatever I do? The reason I wish to have all tabs closed is because I am using a shortcode in each tab to display jobs via wordpress job manager for certain categories and I want the visitors to be able to see all tabs before selecting a category? Sample url http://nejobs.co.uk/jobs-in-aberdeen/
If you scroll to end of page you can see i have 5 tabs with job categories in Aberdeen. I would like all these tabs closed until someone clicks on one. I dont necessarily need to use the tabs I just want the content to be hidden until a user clicks on a category heading. Is there a better way to do this?
Also, I am noticing that the job search widget I am using from Ziprecruiter for the general job search at the top of the page displays correctly in Cornerstone preview however once I visit my site outside of the wp admin the widget behaves differently and does not display the settings I have inputted. I have inserted this using the “Raw Content”. This has never been an issue on other themes I have used in the past? Any ideas on possible cause and fix?
Many thanks
Hi,
I have resolved the issue with the ziprecruiter widget so please ignore that query. Just the tab query I need to fix now.
Many Thanks
Hi, its ok now I have gone away from using the tabs and am now using collapse content using collapseomatic plugin. Is there anything within the X theme that will do the same job?
Many Thanks
Hey there,
Regretfully, no. That is the default behavior of tabs and that is how tabs should work. Otherwise, you will want to use Accordion instead.
Thanks.
Hi,
Thanks I will use the Accordion. I don’t even know why I didn’t use this in the first place.
Just one last question for now. My footer looks like it has padding on it and therefore the content stops short rather than connecting to the footer area. How would I remove all padding of the footer? Also am I able to alter the height of the footer?
Many Thanks
Hi,
I have resolved the issue with the footer now. I had selected 1 widget area. I have now disabled.
Many thanks
You’re welcome! 