Joomla Templates Club 406,261 posts

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#187702

Please see screenshot below.

How to make JA Tab highlight (Black and Bold) the tab name when there’s only one tab left?
Now it becomes gray.

I tried changing “.teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li h3” in firebug. It works for this tab but it also affects unselected tabs when there are multiple tabs in the module, which we try not to change.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#493691

Hi,

<blockquote>How to make JA Tab highlight (Black and Bold) the tab name when there’s only one tab left?</blockquote>
Try this:

Open /plugins/system/jatabs/jatabs/themes/teline_iii/style.css, then put below codes into the end of file:


#Mod107 .teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: bold;
line-height: 26px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
color: black;
border: none;
}


* Pls check the #Mode ID (green line) via firebug to get correct name.
Remember to clear T3 cache after applying changes.

Leo

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#494140

I just noticed that the background still didn’t look like a highlighted tab.
Is there a way to make it white and without the underline so that they look the same as a highlighted tab?

Please see screenshot.
Thank you.

<em>@Leo Burnetts 373943 wrote:</em><blockquote>Hi,

Try this:

Open /plugins/system/jatabs/jatabs/themes/teline_iii/style.css, then put below codes into the end of file:


#Mod107 .teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li h3 {
font-family: Arial, sans-serif;
font-size: 92%;
font-weight: bold;
line-height: 26px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
color: black;
border: none;
}


* Pls check the #Mode ID (green line) via firebug to get correct name.
Remember to clear T3 cache after applying changes.

Leo</blockquote>

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#494148

Hi,

Pls try to open /plugins/system/jatabs/jatabs/themes/teline_iii/style.css again & put below codes into the end of file:

#Mod107 .teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li {
background: #fff !important;
border-bottom: 1px solid #fff;
}

Remember to clear T3 cache.

Leo

1 user says Thank You to phong nam for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#494228

Thank you so much.

<em>@Leo Burnetts 374522 wrote:</em><blockquote>Hi,

Pls try to open /plugins/system/jatabs/jatabs/themes/teline_iii/style.css again & put below codes into the end of file:

#Mod107 .teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li {
background: #fff !important;
border-bottom: 1px solid #fff
}

Remember to clear T3 cache.

Leo</blockquote>

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#494368

Is there a way to make this tab name a clickable link to a URL, only when there is only one tab? (When there are more than one tab then we still like to be able to select tabs by clicking.)
Thanks.

For example, a link to “../temp/index.php”

Thanks.

<em>@Leo Burnetts 374522 wrote:</em><blockquote>Hi,

Pls try to open /plugins/system/jatabs/jatabs/themes/teline_iii/style.css again & put below codes into the end of file:

#Mod107 .teline_iii .container .ja-tabs-title-top ul.ja-tabs-title li {
background: #fff !important;
border-bottom: 1px solid #fff
}

Remember to clear T3 cache.

Leo</blockquote>

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#494569

Hi,

<blockquote>Is there a way to make this tab name a clickable link to a URL, only when there is only one tab? (When there are more than one tab then we still like to be able to select tabs by clicking.)</blockquote>

I discussed with my colleagues and I am sorry it wont be easy and would need lot of file changes.

Leo

1 user says Thank You to phong nam for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#494735

Then, how about… is there a way to make the tab title not a link at all, when there’s only one tab(meaning the little hand won’t show up)?
Would this be easier to accomplish, for example only through css?

Thank you.

<em>@Leo Burnetts 375114 wrote:</em><blockquote>Hi,

I discussed with my colleagues and I am sorry it wont be easy and would need lot of file changes.

Leo</blockquote>

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#494998

Hi,

As I mentioned that we DON”T support adding link to the title of modules which are displayed by JA Tabs plugin.
Because we use javascripts to show these titles & it is really complicated to change js codes to reach your requirement.

Leo

1 user says Thank You to phong nam for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#495082

Even though my follow up question was to remove the link rather than adding a link, I still appreciate your time to answering my questions.
Again thank you.

<em>@Leo Burnetts 375663 wrote:</em><blockquote>Hi,

As I mentioned that we DON”T support adding link to the title of modules which are displayed by JA Tabs plugin.
Because we use javascripts to show these titles & it is really complicated to change js codes to reach your requirement.

Leo</blockquote>

[Author]

Posts