Joomla Templates Club 406,261 posts

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#126828

How do I increase the width of the left column (while decreasing the width of the mainbody column)?

Thanks.

[Nam Nguyen Phi Friend Nam Nguyen PhiJoin date: September 2014Posts: 248Downloads:3Uploads:35 Thanks: 20 Thanked: 57 times in 29 posts]

#242861

pls change some style in template.css file
They are:

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

#ja-masstop, #ja-massbot {
clear:right;
display:block;
float:right;
width:34.9%;
}

#ja-colswrap {
float:right;
width:34.9%;
}

as

Hope this info usefull to you.

Regards

1 user says Thank You to Nam Nguyen Phi for this useful post

1. teetide

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#242866

Thank you VERY much! One more question.

When I refer to the width of the left column, I’m speaking of the column to the left of the ja-mainbody as depicted in your image.

Does that one automatically resize if you change all the others, or does it have a variable to change also?

Thanks.

[Nam Nguyen Phi Friend Nam Nguyen PhiJoin date: September 2014Posts: 248Downloads:3Uploads:35 Thanks: 20 Thanked: 57 times in 29 posts]

#242882

<em>@TeeTide 45378 wrote:</em><blockquote>Thank you VERY much! One more question.

When I refer to the width of the left column, I’m speaking of the column to the left of the ja-mainbody as depicted in your image.

Does that one automatically resize if you change all the others, or does it have a variable to change also?

Thanks.</blockquote>
Sorry for my bad english, but can you make me more clear about your requirement?

Regards.

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#242896

I want all three columns the same width (left 33%, ja-mainbody33%, mass-col 33%).

See image

---

Attachments:

1. 

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#243148

JA support? Where are you? Menalto, MICCAS, Hung, trungch….anybody?

[skemoe Friend skemoeJoin date: March 2008Posts: 1Downloads:0Uploads:0]

#243303

If you increase the left column you must decrease the the size of the other columns my the amount.

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#243313

Yes, I understand that and know how to do it. What I don’t know how to do is increase the width of the left column.

Where in the template.css file is the left column width specified?

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#243324

Hi TeeTide,

You need change some the CSS code section in the template.css file.

1. Change width of the ja-masstop, ja-massbot, ja-rightwrap:


#ja-masstop,
#ja-massbot {
display: block;
float: right;
width: 32.9%;
clear: right;
}

#ja-colswrap {
float: right;
width: 32.9%;
}


2. Change width of the mainbody:


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


3. Change width of the left column and content:


#ja-content {
clear: both;
display: block;
float: right;
width: 50%;
}


and


#ja-col1 {
float: left;
width: 49.9%;
overflow: hidden;
}


if you wand decrease space between the left column and the content, you can change it here:


#ja-content div.ja-innerpad {
padding: 0 20px; /* You can decrease it */
}


1 user says Thank You to cssyeah for this useful post

1. teetide

[teetide Friend teetideJoin date: December 2007Posts: 256Downloads:0Uploads:4 Thanks: 19 Thanked: 6 times in 1 posts]

#243344

Perfect. That’s what I needed.

trungch comes through once again.

Thank you trungch.

[kira178 Friend kira178Join date: May 2008Posts: 23Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#249307

hello, follow this tip, i tried decrease the width of right module but i dont see it changes:(, can u help me anything for it?

[jerestang Friend jerestangJoin date: July 2008Posts: 17Downloads:0Uploads:0 Thanks: 5]

#258025

Hi Trungch,
I follow your instruction to change the width on the left column but it doesn’t work. I want my web site layout to have a left column and a main body. What percentage should I need to change? Please help!

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

#260654

hi jerestang
Do you have any successful ?

[jerestang Friend jerestangJoin date: July 2008Posts: 17Downloads:0Uploads:0 Thanks: 5]

#260744

<em>@nguoiabcd 67597 wrote:</em><blockquote>hi jerestang
Do you have any successful ?</blockquote>

I posted to a separated thread and got help by hainn84.
http://www.joomlart.com/forums/topic/left-column-sizes/

[Author]

Posts