Joomla Templates Club 406,261 posts

[soulroll Friend soulrollJoin date: May 2008Posts: 43Downloads:16Uploads:1 Thanks: 5 Thanked: 1 times in 1 posts]

#144752

Hi ,
how do i change or extend the width of the template so the main and right module are wider?

cheers guys

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#319268

1.
<blockquote><div id=”ja-deco”>: template.css (line 662)

#ja-deco {
bottom:0;
float:left;
left:0;
overflow:hidden;
position:fixed;
width:220px;
</blockquote>
for left side (avatar)

2. Main

#ja-main {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0 0 0 220px;
padding:0 0 0 20px;
}
template.css (line 685)

Edit margin left to fit your modified of left side.

3. And width of main

.main {
margin-left:0;
position:relative;
width:720px;
}
template.css (line 656)

[noibihappy2009 Friend noibihappy2009Join date: January 2009Posts: 62Downloads:0Uploads:8 Thanked: 6 times in 1 posts]

#319269

Ops:
For right module:

1. Inc main size

.main {
margin-left:0;
position:relative;
width:720px;
}
template.css (line 656)

2. Inc main body (frontpage)

#ja-mainbody {
float:left;
overflow:hidden;
width:758px;
}
template.css (line 691)

3. And right:

#ja-cols {
float:right;
width:220px;
}
template.css (line 712)

You also need calc how width for main (total) and for each main & right

1 user says Thank You to noibihappy2009 for this useful post

1. soulroll

[Author]

Posts