Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#161144

Hello,
For some reason there’s a major misalignment in width-size for the bottom modules (user6,7,8,10).

Whatever module is located in the farthest left, the width becomes almost half the size. It doesn’t seem to be related to specific module position, because when I deactivate the module in user6, the module in user7 moves to that same farthest left position and has the same re-sizing issue.

(*see attached image)

I notice that the on the demo, positions 6-7-8 are the same size, and 10 is a bit bigger. How can I do the same?

Is there a way to make all four positions the same size?

Thanks

---

Attachments:

1. 

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#380174

Dear sobe,
You can make all four positions the same width and height by adding this code at the bottom of template.css( in the folder templatesja_ravecss):
div.ja-box{
height:209px;
width: //insert a size here
}
Now you can try this way.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#381189

Hi huypl,
Thanks for the suggestion. I checked the template.css file on that folder and searched for that specific reference “div.ja-box”, but I couldn’t find any references to height and width. What line # should that be on?

Thanks

1 user says Thank You to sobe for this useful post

1. rbeste

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#381200

<blockquote>by adding this code at the bottom of template.css</blockquote>

Hi Sobe,

You can also change this::

#ja-botsl .ja-box-left {template.css (line 450)
width: 17% !important;
}

to

/*#ja-botsl .ja-box-left {
width: 17% !important;
}*/

2 users say Thank You to aman204 for this useful post

1. sobe
2. rbeste

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#381201

<blockquote>by adding this code at the bottom of template.css</blockquote>

Hi Sobe,

You can also change this::

#ja-botsl .ja-box-left {template.css (line 450)
width: 17% !important;
}

to

/*#ja-botsl .ja-box-left {
width: 17% !important;
}*/

[Author]

Posts