Joomla Templates Club 406,261 posts

[gabrieldrach Friend gabrieldrachJoin date: March 2007Posts: 18Downloads:0Uploads:2 Thanks: 3]

#122377

Hi, i setup ja-tab1 & ja-tab2 and put some modules there (at bottom, 3 newsflash).

i did configure each newsflash module to show only one news (randomly) with its title, and i saw that title is too big.
then, i add to ja-tab-modules.css:
div#ja-tab-content .contentpagetitle {
font-size: .6em;
}

and i get a good one title size, but…
box height (all ja-tab) is still the same as it was when the title was big, so, blank space is show below news.

i dont know how to avoid that blank space.

check here: newjornada.com.ar

Bye

Gabriel

[vivekb Friend vivekbJoin date: August 2007Posts: 40Downloads:0Uploads:1 Thanks: 2]

#228277

In my situation, the size was driven by how much room the modules reserved in ja-tab1(2). For example, one module was setup by default to show 15 latest thingeys with a resultant huge size. Cutting that size down automatically resized the box.

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#228307

You can do this manually by modify the CSS file
+ Open file ja-tab-modules.css in the templatesja_telinecss folder
+ Head to the line 10 and you will see
div#ja-tabswrap
and add one more line like this
height: 200px;

Note: 200px is for example, change it to whatever you prefer. 😀

[gabrieldrach Friend gabrieldrachJoin date: March 2007Posts: 18Downloads:0Uploads:2 Thanks: 3]

#228355

thanks for yours answers but they didnt works.

i need some variable size rather than a fixed one.

the problem appear when title (of news) is on. if it is off, then the box is as small as it can.

ill keep trying.

[gabrieldrach Friend gabrieldrachJoin date: March 2007Posts: 18Downloads:0Uploads:2 Thanks: 3]

#228357

Ok. i found something else, just posting here to share it.

in index.php is a line: […]<div id=”ja-tab-content”> </div>[…]

which render to (if TITLE OFF on newsflash module):
<div style=”height: 32px;” id=”ja-tab-content”>

but if i set TITLE ON, that line become:
<div style=”height: 145px;” id=”ja-tab-content”>

where is the magic here?
in scripts/ja.scripts.js file (around line 350)

[…]
var maxh = 0;
for (var i=0; i<tabcontents.length; i++) {
divobj.innerHTML = tabcontents.innerHTML;
if (maxh < divobj.offsetHeight) maxh = divobj.offsetHeight;
}
tabdisplay.style.height = (maxh – 20) + “px”;
[…]

this behavior makes me think that css is applied AFTER this script.
so, the title becomes small after height was already set.

im looking howto avoid this.

See ya

[Author]

Posts