Joomla Templates Club 406,261 posts

[psamtani Friend psamtaniJoin date: July 2008Posts: 7Downloads:0Uploads:0 Thanks: 4 Thanked: 1 times in 1 posts]

#132394

I need to increase the size of the left column by about 10% and decrese the size of the main body area by about 10%. So thinking I had it sussed I change the following:

#ja-mainbody {
width: 80%;

to

#ja-mainbody {
width: 70%;

and

#ja-col1 {
width: 20%;

to

#ja-col1 {
width: 30%;

It works, but doesn’t move the dividing grey line. I’ve been looking for hours but can’t find where to move the vertical line between left (ja-col1) and main….

Any help will be greatfully received…

[markb1439 Friend markb1439Join date: August 2008Posts: 124Downloads:0Uploads:1 Thanks: 14 Thanked: 34 times in 11 posts]

#266307

Although some of the gray lines are created in CSS, others are part of the module background images. For example, I widened the right column. The vertical line at the left of the column was then out of whack, so I had to modify the “main-bg2” image file. It was necessary to widen the file and move the line to the left.

Hope this helps.

1 user says Thank You to markb1439 for this useful post

1. psamtani

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

#266397

Hi
you must edit template.css (line 502)

#ja-container {
background:transparent url(../images/main-bg1.gif) repeat-y scroll left center;-->remove this line
border-bottom:1px solid #E7E8E6;
border-top:1px solid #E7E8E6;
}

[Author]

Posts