Joomla Templates Club 406,261 posts

[adnanpirota Friend adnanpirotaJoin date: March 2009Posts: 101Downloads:0Uploads:13 Thanks: 35 Thanked: 3 times in 1 posts]

#165728

I would like to increase little bit the size of left column and also to decrease the space between the columns and the main, can anyone tell me how to do that ?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#398793

Hi,
Could you give me a snapshot with your annotation?

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

#398797

Hi,

1. You can go to Joomla admin > Extensions > Template Manager > Your template.
2. Click on Layouts Tab and click on the Edit link in front of Default layout. By default this is the layout you will be using..
3. Find <blocks name=”middle” colwidth=”20″>. To control width of your columns, you need to change value of the colwidth. Please remember that the value specified here is a % value.

Regarding the space between the column and main content area, it would be good if you can tell exactly how much space you want to have in between the elements and provide your site url via PM, so that I can tell you the solution accurately.

[adnanpirota Friend adnanpirotaJoin date: March 2009Posts: 101Downloads:0Uploads:13 Thanks: 35 Thanked: 3 times in 1 posts]

#398801

Something like this …

---

Attachments:

1. 

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

#398810

Hi

To give specific width to a single column, you can add width=”xx” in the block param, like in your case find ‘<block name=”inset2″>left</block>’ and replace it with ‘<block name=”inset2″ width=”15″>left</block>’ Here I have set width of this particular column to 15%.

To reduce space between the inset2 column and maincontent area, edit layout.css at templates/ja_social/css/
and reduce margin-left value in .ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
margin-left: 20px;
margin-right: 0;
}

1 user says Thank You to himangi for this useful post

1. adnanpirota

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#398820

<em>@adnanpirota 250121 wrote:</em><blockquote>Something like this …

</blockquote>

You login backend Extensions > Template Manager > ja_social > LAYOUTS.Edit Default.You replace this code :

<block name="inset2">left</block>

with

<block name="inset2" width="25">left</block>

You replace this code from /templates/ja_social/css/layout.css

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
margin-right: 0;
margin-left: 20px;
}

with

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
margin-right: 0;
margin-left: 10px;
}

[Author]

Posts