Joomla Templates Club 406,261 posts

[subfighter Friend subfighterJoin date: February 2007Posts: 86Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#133600

i would like to know the best way to change the size of Right Column to say 300px..

so i make the columns fixed widths instead of percents?

col1 needs to be 150px

col2 needs to be 300px

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

#271763

hi
You can change
1.template.css (line 518)

#ja-content {
background:transparent url(../images/content-center.gif) repeat-y scroll center center;
clear:both;
display:block;
float:right;
width:72%;
}

#ja-content {
background:transparent url(../images/content-center.gif) repeat-y scroll center center;
clear:both;
display:block;
float:right;
width:500px;
}
2.template.css (line 552)

#ja-col1 {
float:left;
overflow:hidden;
width:28%;
}
Change to

#ja-col1 {
float:left;
overflow:hidden;
width:150px;
}

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

#271764

3.template.css (line 511)

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

Change to

#ja-mainbody {
float:left;
width:660px;
}
4.template.css (line 561)

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

Change to

#ja-col2 {
float:right;
overflow:hidden;
width:300px;
}

[subfighter Friend subfighterJoin date: February 2007Posts: 86Downloads:0Uploads:1 Thanks: 7 Thanked: 1 times in 1 posts]

#271899

thank you very much for taking to time to answer and guide me in the right direction to changing the widths. as its hard to get response around here many times.

[vedlos Friend vedlosJoin date: October 2008Posts: 7Downloads:0Uploads:0 Thanks: 6]

#276491

Hi.

Excuse my ignorance… I want to do the same (I think): change the column widths, the central one to 564px and the sides to 192px each, but I really don’t know which values I should change.

Thanks!

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

#276517

hi
You can change
1.template.css (line 518)

#ja-content {
background:transparent url(../images/content-center.gif) repeat-y scroll center center;
clear:both;
display:block;
float:right;
width:72%;
}

#ja-content {
background:transparent url(../images/content-center.gif) repeat-y scroll center center;
clear:both;
display:block;
float:right;
width:564px;
}
2.template.css (line 552)

#ja-col1 {
float:left;
overflow:hidden;
width:28%;
}
Change to

#ja-col1 {
float:left;
overflow:hidden;
width:192px;
}

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

#276518

3.template.css (line 511)

#ja-mainbody {
float:left;
width:770px;
}

Change to

#ja-mainbody {
float:left;
width:660px;
}
4.template.css (line 561)

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

Change to

#ja-col2 {
float:right;
overflow:hidden;
width:192px;
}

you can change a bit more as you want

1 user says Thank You to Sherlock for this useful post

1. vedlos

[vedlos Friend vedlosJoin date: October 2008Posts: 7Downloads:0Uploads:0 Thanks: 6]

#276548

Thanks a lot!

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

#276552

OK
I marked this topic is solved

[Author]

Posts