Joomla Templates Club 406,261 posts

[ecohosting Friend ecohostingJoin date: February 2007Posts: 37Downloads:0Uploads:1 Thanks: 4]

#123355

Hey everyone,

I’ve searched the forum here but did not find may answer so I am now posting the question.

I need to expand the width of the left column but can’t find all the proper settings. I found the following in the template_css.css:

#ja-leftcol {
float: left;
width: 25%;
}

but changing it does not have any affect. I even reduced the ja-rightcol by the same amount I increased the ja-leftcol but that didn’t help either. Does this work in conjunction with some other variable?

Thanks for your help!

Gio

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#231378

Post a link of your site so one can have a look. I normally use FF and Firebug to find the appropriate .css class or id to change.. Maybe there are divs inside the right column that cannot be shrunk at the moment….

[ecohosting Friend ecohostingJoin date: February 2007Posts: 37Downloads:0Uploads:1 Thanks: 4]

#231382

The site we are working on is http://www.landmarkcreations.com

There seem to be several things at play here which include the size of the main body. If I widen the left column then it does not fit next to the main body and drops below it. I saw some posts mentioning that but not relating it to width adjustment. Maybe it is related??

Any help would be appreciated.

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#231383

You need to edit this one:

#ja-mainbody-fr #ja-leftcol {template_css.css (line 896)
width:20%;

Not just ja-leftcol cause that one is overruled by the former one

[ecohosting Friend ecohostingJoin date: February 2007Posts: 37Downloads:0Uploads:1 Thanks: 4]

#231419

That’s great, it works by increasing the left column but now the left column has been dropped below the mainbody. It would seem the mainbody is not adjusting dynamically to the increased left column size and so it is getting squeezed out.

With a bit of playing around I found that by increasing the ja-leftcol you must decrease the ja-content just above it by the same amount.

#ja-mainbody-fr #ja-content {
float: right;
width: 77.5%;
}

#ja-mainbody-fr #ja-leftcol {
width: 20%;
}

Thanks for pointing me in the right place.

Cheers!
EcoHosting

[rhand Friend rhandJoin date: November 2006Posts: 213Downloads:0Uploads:2 Thanks: 9 Thanked: 15 times in 1 posts]

#231437

Your welcome!;)

[Author]

Posts