Joomla Templates Club 406,261 posts

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#168654

Hi all

I am utilising the ja-botsl1 position for 3 items, placed in user 6, user 7 and user 8 – between user 7 and user 8 there is a gap that allows the background to come through.

I have also tried with 8, 9 and 10

I also tried with 4 active modules and there was still a gap between the end 2.

I have tried amending the CSS code to remove the gap but to no avail

Any help would be greatly appreciated ! – Image Attached

Thanks

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413273

Hi,
Could you give me a link to your page as you said?

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413276

I have sent you the Link as a PM 🙂

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413280

You remove this code from /templates/ja_teline_iv/css/layout.css in the line #106, #108

.ja-box-right {
position: absolute;
right: 0;
}

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413281

Thanks for looking at this!

I removed the code and cleared the cache – but its still there 🙁

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413282

You delete all of files of /cache and /t3-assets directory, please. There is my snapshot.

---

Attachments:

1. 

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413285

All cleared – I checked in Firefox and IE as well the gap is still there

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413287

You find this code from /templates/ja_teline_iv/css/layout.css in the line #108

.ja-box-right {
position: absolute; < remove this line
right: 0;
}

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413288

Found the code – first of all removed all of it, now added it back and just removed the line as per instruction.

Cleared Cache and T3 – Cleared Browser Cache, chrome/FF and IE – Gap still shows 🙁

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413290

I’m sorry about my mistake. You replace code from /templates/ja_teline_iv/css/layout.css

.ja-box-right {
position: absolute;
right: 0;
}
with


.ja-box-right {
position: relative;
right: 0;
}

1 user says Thank You to khoand for this useful post

1. gr00vytunes

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413292

Excellent, that worked !

The gap has move to the end, so just need to track down how to extend the size so it stretches to the border 🙂

[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413305

Can’t find it 🙁

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413309

I don’t understand what you mean clearly. Could you explain more details?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413319

You replace this code from /templates/ja_teline_iv/css/layout.css

.ja-box-right {
position: relative;
right: 0;
}

with

.ja-box-right {
position: relative;
right: 0;
width: 33.6% !important;
}


[gr00vytunes Friend gr00vytunesJoin date: May 2011Posts: 24Downloads:0Uploads:2 Thanks: 4]

#413323

Thanks again.. Of course this works fine when I use 3 columns but on pages where I have just 2 – then the column is too small 🙁 and there is a big gap, check under 7s in teams menu.

if there is not a fix to enusre it works both ways, I might try and think of some content to put on the pages with just 2 columns to make it 3 🙂

[Author]

Posts