Joomla Templates Club 406,261 posts

[bmhayes Friend bmhayesJoin date: January 2007Posts: 5Downloads:0Uploads:0]

#118462

Is there a way to change the width of the right and left column? I have attempted this several times without any success.

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

#213537

Hi bmhayes,

You can to change width of leftcol and rightcol in this CSS source code section.

<blockquote>
#ja-leftcol {
float: left;
width: 19.9%;
}

#ja-rightcol {
float: right;
width: 24.9%;
overflow: hidden;
}
</blockquote>

🙂

[bmhayes Friend bmhayesJoin date: January 2007Posts: 5Downloads:0Uploads:0]

#213620

Yes I have tried altering those pieces of code, however after doing so the entire layout gets messed up. For example I attempted to increase the rightcol percentage to 30% and the entire right column ended up at the bottom of the page. Perhaps I did this wrong or is there some other code that also needs to be changed?

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#213629

did you reduce the left column by the same amount as you added to the right column?

that is: left col & right col css sets the max width available for both at 44.8 % (left col = 19.9 right col = 24.9)

You added 5.1 % to right so you have exceeded max available width for the (combined) area by 5.1 % this will create an overflow and mess up layout, try reducing the left width by 5.1 % that should make the total available width within the preset 44.8 allowable total again

Hope this makes sense to you
Cheers ShannonN

[Author]

Posts