Joomla Templates Club 406,261 posts

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#167118

Hi,

I want to increase the width of the MAIN column to 1024 points (not percentage) but leave the sizes of LEFT and RIGHT column unchanged? (Make sure the the top and bottom sections such as menus and banner spaces also to be expanded according to the widened MAIN.)

How can I do that? In admin I can only set the width of the whole webpage.

Where I can also set the width of LEFT and RIGHT, just in case I may need them later?

Thanks.

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#404724

Hello ceeyee ,

To Change the width of MAIN but leave LEFT and RIGHT the same width

Can you please provide your site url and admin access at http://support.joomlart.com/index.php?/Tickets/Ticket/View/78363 , So that we can help you better. , So that we can help you better.

1 user says Thank You to pritam for this useful post

1. ceeyee

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#404727

Hi ceeyee,

1. To define the width of the template go to Extensions > Template Manager > Your Template > Profiles Tab. Click on the Profilename you are using (by default the template uses Default profile). Find param Template Width and choose option Specified. Then in param Specified width put the width you need. Please note that depending on this width, the columns and main content area get some percentage width. For example, normally the left and right columns will have 15% width each (default setting), so your main content area gets 70% which in your case is 1024. So by reverse calculation, your total template width / specified width should be 1463.
Use Apply button at top to save the changes.

2. Now scroll down in the Default profile’s params to check option selected for Layout Settings > Desktop Layout. By default it should be Default Layout. Now go to Layouts Tab and click on the Edit link infront of the desktop layout you are using and find code line <blocks name=”middle” main-inner=”1″ colwidth=”17″> Here colwidth=”17″ defines width of left as well as right columns. Change the value as needed.

1 user says Thank You to himangi for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404735

Thanks so much for your reply.

A more advanced question, is there way to have different width for LEFT and RIGHT? In your code it changes them together but to the same value.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#404751

Yes there is.

Custom column width
Expression: <block name=”right” width=”25″ …>
Purpose: this setting will override the default column width of 17% (as in my example above) set for all blocks in the middle block. A higher value of this parameter will increase the width of left and / or right blocks, and will decrease the width of the main body block.

For any questions regarding JAT3 V2 you can refer to http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404800

Thank you for your reply.

We are almost there.
Why after setting a different width for the LEFT and RIGHT, the vertical line in the middle doesn’t move accordingly?

How can we move the position of that line?

Thank you.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#404882

Hi,

The border must be from css which is also need to be changed if you are using custom width. Can you please provide your site url at http://support.joomlart.com/index.php?/Tickets/Ticket/View/78363 It will be easier for me to tell you css changes if I can check it on your site.

1 user says Thank You to himangi for this useful post

1. ceeyee

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#404888

Hi,

I checked your PM with the site details but currently you have the column widths as they were before, and not showing the same issue as in your attachment above.

I could not login in admin with the details you gave and change the column width and give you changes. Can you please change the width of the column as you want and let me know again?

1 user says Thank You to himangi for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#404977

Message sent,
Please advise.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#405091

Hi

please open your templates/ja_teline_iii/css/template.css file and find the following code at line 778.
#ja-right .ja-r2 {
background: url(../images/dot.gif) repeat-y center;
}

Change above code to
#ja-right .ja-r2 {
background: url(../images/dot.gif) repeat-y 25% top;
}

You will need to change the value 25% as per the need. For current widths set for column, 25% will work fine.

1 user says Thank You to himangi for this useful post

1. ceeyee

[ceeyee Friend ceeyeeJoin date: July 2011Posts: 231Downloads:3Uploads:15 Thanks: 112 Thanked: 1 times in 1 posts]

#405234

Thank you very much.

[Author]

Posts