Joomla Templates Club 406,261 posts

[Webkonzept Friend WebkonzeptJoin date: February 2006Posts: 38Downloads:21Uploads:8 Thanks: 8]

#120647

Hi,

very beautiful Template, I love it. But I want to change the left Module-side.
I want that all modules left and right to be the same… the same like right module side.

Can anybody help me, what I must change to get this effekt? :((

Thanks for help,
Regards Melli

[antoniu1 Friend antoniu1Join date: July 2006Posts: 349Downloads:0Uploads:5 Thanks: 29 Thanked: 40 times in 1 posts]

#221660

Hi Melli,

I posted problems like this twice and there never came any answer. Fortunately I can help you with this.

First, find this in template_css.css:

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 19.9%;
overflow: hidden;
}

#ja-col2 {
float: right;
width: 34.9%;
overflow: hidden;
}

Change the red percentages to equal amounts, making sure that the space is equally divided. Note that these are my own settings and do not reflect the standard css definitions.

Now test the columns and see what happens when either one column disappears – has no modules in it. With me, the other column didn’t stay the new width.

If that is so, start to play around with the following percentages (back up the file first, or you won’t know how to go back when it fails) I don’t know which you need to adjust. I figured it out myself and you can go to http://www.wetvanaantrekking.nl to see that I have adjusted the size of the right column. You can do the same with both, making them either smaller of wider.

/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
}

#ja-mainbody, #ja-mainbody-fr {
float: right;
width: 80%;
}

#ja-mainbody-fl {
float: left;
width: 100%;
}

#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 72.1%;
background: none;
}

#ja-mainbody-fl #ja-col2 {
float: right;
width: 27.9%; }

#ja-mainbody-f {
float: none;
width: 100%;
}

#ja-mainbody-f #ja-content {
padding: 0 !important;
}

#ja-mainbody #ja-contentwrap {
float: left;
width: 65%;
}

Good luck!
Tom

[Author]

Posts