Problem with JA Tab Import

kspeegle

Moving this discussion over to the new forum.
Hopeful that user Saguaros can find me.

JA Tabs Document. I’m down to just three problems I can’t seem to figure out.

Why is all the content (Not Tabs) 260px wide. I’ve gone round and round adding the width code to zero effect.
Seems to be coming from here:
.ja-tabswrap div.k2ItemsBlock .moduleItemIntrotext {
width: 260px;
}
My icons are now missing from the tabs? Not sue where to find them or add/change them.
Have an extra tab i don’t need. "Welcome" tab. Can’t figure out where to turn it off.

I’m currently in a custom module using this code:
{jatabs type="modules" module="tabs" position="top" mouseType="hover"} {/jatabs}

I will be set if I can figure these thing out.

Thanks,
Keith

saguaros

Hi Keith,

The provided admin account seems not correct, could you update again?

kspeegle

Sorry, not sure what happened. Updated and tested. You should be good. Thanks again for helping.

saguaros

Hi,

For the width of content inside tabs, I updated this CSS code:

/*style for tabs*/
.ja-tabswrap div.k2ItemsBlock .moduleItemIntrotext {
  width: 100%;
}

into the file: /templates/ja_portfolio/css/template.css (at the end of file) and it's showing in full width now.

With the icons in tab title, you should style for the module class suffix that you added for each module showing in tabs. For example, at this moment, only the tab 'Welcome to Eklund's' is showing icon, you can go to backend settings of this module > Advanced tab > Module Class Suffix option, you're setting with _ icon1 class which has been style with background: http://prntscr.com/ip6jtu

You can do the same for other modules.

Then clean JAT3 cache.

Regards

kspeegle

Thanks again for your reply. The code to expand the width worked perfectly. However, I'm not following your other fix.

When I go in to the JA Tabs Custom Module > Advanced > Module Class Suffix... its completely blank. So, I'm not sure how that icon is showing up on the welcome tab.

Also, I don't want the Welcome tab to show up at all and I can't find that article in the K2 docs or how those articles are being controlled at all. Via this code.

{jatabs type="modules" module="tabs" position="top" mouseType="hover"} {/jatabs}

Sorry. If the code was calling on specific articles then I would just add or remove the bad ones but when I've tried to add the type="articles" ids="133, 115, 89," nothing displays.

Thanks for being patience with me.

saguaros

Hi,

Firstly, each tab is showing content from a module in tabs position: http://prntscr.com/ipotl8

The welcome tab is module named: Welcome to Eklund's , you can open this module settings and see the class suffix as I mentioned above

If you want to show icon for other module, you can add the same class and style background for that class.

Hope this makes senses.

Regards

kspeegle

Thanks again for all your help.

I had to convert everything over to custom modules to get it to work with the Module Class Suffix . The old K2 Content did not have a Module Class Suffix. So all is well now.

Great job and keep up the good work.

saguaros

Great to hear that!

Have a nice day!