Joomla Templates Club 406,261 posts

[philistiner Friend philistinerJoin date: May 2008Posts: 5Downloads:0Uploads:1]

#130087

Problem 1:

A large unsightly white space appears above the module content when JA TABS is expanded to display a larger height. See site for illustration:

http://chrispronger.com/administrator/index.php

Problem 2:
The module titles don’t appear! In the default install they appear, but after I’ve repositioned the tabs module, I can’t get the titles to appear. Currently the tabs are labeled, but what I’d like is a to see the same H3 header that appears on regular content items and modules published without JA Tabs. (And yes, I do have the ‘show module title’ boxes checked off everywhere in the module manager)

Thanks for your help!

Dave

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#256042

Hi philistiner !
You open template.css file in templates/ja_iolite/css folder , find following code section at about line 569 :


#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-c {
background:transparent url(../images/grad1.gif) repeat-x scroll center top;
clear:both;
margin:0pt;
padding:40px 0pt 20px;
}


change to :


#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-c {
background:transparent url(../images/grad1.gif) repeat-x scroll center top;
clear:both;
margin:0pt;
padding:10px 0pt 20px;
}


[philistiner Friend philistinerJoin date: May 2008Posts: 5Downloads:0Uploads:1]

#256203

<em>@hainn84 62000 wrote:</em><blockquote>Hi philistiner !
You open template.css file in templates/ja_iolite/css folder , find following code section at about line 569 :


#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-c {
background:transparent url(../images/grad1.gif) repeat-x scroll center top;
clear:both;
margin:0pt;
padding:40px 0pt 20px;
}


change to :


#ja-containerwrap, #ja-containerwrap-f, #ja-containerwrap-c {
background:transparent url(../images/grad1.gif) repeat-x scroll center top;
clear:both;
margin:0pt;
padding:10px 0pt 20px;
}

</blockquote>
That unfortunatley just moved the tabs box up, but did not get rid of the white space inside the tabs. I did however find that this worked.

changed
.ja-tab-panels-top {
position: absolute;
clear: both;
overflow: hidden;
bottom: 0;
height: 80%;
left:10px;
}

to

.ja-tab-panels-top {
position: absolute;
clear: both;
overflow: hidden;
bottom: 0;
height: 92%;
left:10px;
}

[Author]

Posts