Joomla Templates Club 406,261 posts

[ecoxport Friend ecoxportJoin date: November 2008Posts: 104Downloads:0Uploads:53 Thanks: 57 Thanked: 8 times in 1 posts]

#153293

How to change the width of the right column???

Where do I find this parameter…

Thanks,

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#352099

<em>@ecoxport 189418 wrote:</em><blockquote>How to change the width of the right column???

Where do I find this parameter…

Thanks,</blockquote>

Take backup of the template.css file and try the following :

open Your_Site/templates/ja_rutile/template.css

around line 557 see this code :


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

Change the width % here.

width: 25%;

IMPORTANT – You will need to decrease the main body width or else your right column will go down.

line 507.


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

Change width :

width: 75%;

So if you increase the width of ja-col2 to 25% (increase of 3%)… then decrease the ja0mainbody width by 3% to 75%.

If you are using images which are oversize for mainbody, make sure you edit them to fit back.

Hope it works for you.

Arvind

[ecoxport Friend ecoxportJoin date: November 2008Posts: 104Downloads:0Uploads:53 Thanks: 57 Thanked: 8 times in 1 posts]

#352154

Thanks, but actually its not working for me since decrease the main body width from right to left and I want to decrease it from left to right…. Se my problem in the image below…

<em>@drarvindc 189440 wrote:</em><blockquote>Take backup of the template.css file and try the following :

open Your_Site/templates/ja_rutile/template.css

around line 557 see this code :


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

Change the width % here.

width: 25%;

IMPORTANT – You will need to decrease the main body width or else your right column will go down.

line 507.


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

Change width :

width: 75%;

So if you increase the width of ja-col2 to 25% (increase of 3%)… then decrease the ja0mainbody width by 3% to 75%.

If you are using images which are oversize for mainbody, make sure you edit them to fit back.

Hope it works for you.

Arvind</blockquote>

---

Attachments:

1. 

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#352156

<em>@ecoxport 189508 wrote:</em><blockquote>Thanks, but actually its not working for me since decrease the main body width from right to left and I want to decrease it from left to right…. Se my problem in the image below…

</blockquote>

Please give your site url. Its not possible to debug without looking at it. You need to be more clear and precise in what you are looking for.

Arvind

[ecoxport Friend ecoxportJoin date: November 2008Posts: 104Downloads:0Uploads:53 Thanks: 57 Thanked: 8 times in 1 posts]

#352159

<em>@drarvindc 189514 wrote:</em><blockquote>Please give your site url. Its not possible to debug without looking at it. You need to be more clear and precise in what you are looking for.

Arvind</blockquote>

Here it is: http://www.economiaalcuadrado.com

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#352161

<em>@ecoxport 189518 wrote:</em><blockquote>Here it is: http://www.economiaalcuadrado.com</blockquote>

Thats the normal padding for the left side, why would you want to remove that? It would not look good.

Arvind

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#352162

<em>@drarvindc 189520 wrote:</em><blockquote>Thats the normal padding for the left side, why would you want to remove that? It would not look good.

Arvind</blockquote>

Still, you can change the padding by editing the template.css around line 1093

#ja-current-content {

padding: 20px 20px 10px;

Change it to ”

padding: 20px 10px 10px;

Arvind

1 user says Thank You to Arvind Chauhan for this useful post

1. ecoxport

[Author]

Posts