Public Forums 71,145 posts

[torenewa Friend torenewaJoin date: August 2009Posts: 43Downloads:0Uploads:4 Thanks: 6]

#144802

I’ve been trying to find a way to customize JA Tabs and from reading these posts it sounds like there isnt’ a CSS file for the module?

I’m still new to all of this, so would appreciate any explanation of where you find the module class suffixes and what they mean.

Basically, he’s what I’d like to do.

I’m using the opal template but prefer the tabs from Cooper. I found in the advance settings how to choose them, but would like to be able to change the color of the tabs from maroon to blue and the background of the module from black to white.

Thanks in advance for your help

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#322766

Dear torenewa,

I am terribly sorry for my delay.

Please edit lines 13 in file plugins/content/ja_tabs/themes/cooper/style.css as follow:


.cooper .container {
background: #FFFFFF;
}


and edit lines 67 as follow:


.cooper .ja-tabs-title-top ul.ja-tabs-title li.active, .cooper .ja-tabs-title-top ul.ja-tabs-title li.firstactive, .cooper .ja-tabs-title-top ul.ja-tabs-title li.lastactive {
background: #0C3D70;
}


[torenewa Friend torenewaJoin date: August 2009Posts: 43Downloads:0Uploads:4 Thanks: 6]

#323050

<em>@torenewa 147311 wrote:</em><blockquote>I’ve been trying to find a way to customize JA Tabs and from reading these posts it sounds like there isnt’ a CSS file for the module?

I’m still new to all of this, so would appreciate any explanation of where you find the module class suffixes and what they mean.

Basically, he’s what I’d like to do.

I’m using the opal template but prefer the tabs from Cooper. I found in the advance settings how to choose them, but would like to be able to change the color of the tabs from maroon to blue and the background of the module from black to white.

Thanks in advance for your help</blockquote>
Thank you. That’s just what I was looking for.

One last question on this. How do I set up a css rule to control the links in the tabbed module? Currently if I change the links in the articles it changes this one as well.

[Timothy Hunter Friend Timothy HunterJoin date: September 2014Posts: 7Downloads:0Uploads:0]

#343777

I have JA Tabs set up and I can make changes to the configuration, but I can’t get it to work like in the demo ( JA Iolite).

I have it set up by Article Category ID, but I can’t get it to automatically transition after a given amount of time. In fact I do not even see the option to do that? Need help.

I’ve got the plugin and module installed. I am using the configuration in the JA Tab module parameters.

Anyone?:confused:

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#343994

Dear tvector!

Did you choose theme for the Tabs? you choose a theme inside the advanced parameters of module if you use the ja tabs module. if you use the tab inside the content of article, you choose a theme via a configuration of the plugin

Pls give me the link to your site ,if the problem is not fixed

Thanks

[madeline63 Friend madeline63Join date: January 2010Posts: 92Downloads:0Uploads:30 Thanks: 11 Thanked: 1 times in 1 posts]

#348788

hi,

ja tabs module title is always showing uppercase, i want to change to capitalize.
when i look around the css file of ja tabs, i do not see any portion can be change.

or do there have any methods to change all the module title to capitalize, instead of change it one by one.

any idea?

thanks

[uniquebiz Friend uniquebizJoin date: February 2010Posts: 596Downloads:0Uploads:40 Thanks: 33 Thanked: 156 times in 119 posts]

#348804

HI Madeline
I cannot be sure what template or version of JA tabs you are using, so there may be a number of variables involved. Please make a backup copy of the file before you edit. I have used the file from Teline 3 as the example code, because you said in another post you used Teline III.

TRY editing this line of code in this file and test, it may not be the one you’re after or it may be, I cannot test it to be sure.

Line 309 of the ja_tabs.php file found in the pluginscontent folder of your installation

if(!defined(“JAMOOTAB_HEADTAG_”.strtoupper($params[‘style’]))){
$headtag[] = ‘<link rel=”stylesheet” href=”‘.JURI::base().’plugins/content/ja_tabs/themes/’.$params[‘style’].’/style.css” type=”text/css” media=”screen”/>’;
$mainframe->addCustomHeadTag(implode(“n”, $headtag));
define(“JAMOOTAB_HEADTAG_”.strtoupper($params[‘style’]), true);

Change the text to strtolower

Hope this assists you
Blessings Shannon

[madeline63 Friend madeline63Join date: January 2010Posts: 92Downloads:0Uploads:30 Thanks: 11 Thanked: 1 times in 1 posts]

#349734

hi uniquebiz,

thanks for your quick reply, i will try the method which u provide later.

and i found the portion can be modified if want to change it one by one,
it is under pluginscontentja_tabsthemes . the themes which is using

^^

[andykim Friend andykimJoin date: July 2010Posts: 2Downloads:0Uploads:0]

#349985

Thank you very much, i also got this problem ^^

_____________________________________________________________________________________________
http://softwareoutsourcing.biz

[Author]

Posts