Public Forums 71,145 posts

[compcard Friend compcardJoin date: November 2010Posts: 97Downloads:99Uploads:12 Thanks: 19 Thanked: 1 times in 1 posts]

#161050

I try to put Ja-tabs in the Ja-Lime template but is not showing well!

here is my URL http://www.caracol.com/live/ for a better view of what I’m talking about!

If anybody could give me an advice of how to put both of the tabs horizontal like the example instead of top of each other it would great.

I been trying to work with the ja-tabs plug-in changing the height and width but it seem to NOT make a different.

Thanks.

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#379967

Dear Compcard,

To make the both fo the tabs show inline please do as following:
– open the file “template.css” file in the folder “templates/ja_lime/css/”, then copy this code into end of file content:


.default .ja-tabs-title-top ul.ja-tabs-title li {
background: none repeat scroll 0 0 #F7F7F7;
border: 0 solid #CCCCCC;
display: inline;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0;
width: 116px;
}
.default .ja-tabs-title-top ul.ja-tabs-title li h3 {
border: 0 solid;
color: #999999;
font-weight: bold !important;
line-height: 18px;
margin: 0;
padding: 0;
}
.ja-tabs-title-top ul.ja-tabs-title {
margin: 0 !important;
padding: 0 !important;
position: absolute;
width: 100%;
}

Your problem is due to width of tab item larger width of module position box.
Regards,

[compcard Friend compcardJoin date: November 2010Posts: 97Downloads:99Uploads:12 Thanks: 19 Thanked: 1 times in 1 posts]

#380080

I pasted the code in the end of the file trough Edit css/template.css but is not making a different!

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#380164

Hi Compcard,

Please provide me website information via ticket id RHO-591-82228, I need to debug in your site to give you solutions.

Thanks

[Author]

Posts