Joomla Templates Club 406,261 posts

[pdxtrading Friend pdxtradingJoin date: October 2006Posts: 3Downloads:2Uploads:0]

#117573

Hello,

I am trying to resize the right column. Right now, The width of the right column i 190px. I want to resize to like 140px. How do I do this? I want to save space for content. Please help.

thanks,
Andy

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

#211487

Hi Andy,

If you want to resize to like 140px, you need to replace some tag in file template_css.css of template:

1. You decrease width of side bar:
<blockquote>
#ja-sidecol {
width: 140px; <– 190px
float: right;
margin-bottom: 10px;
}
</blockquote>

2. You increase width of content:
<blockquote>
#ja-content {
width: 588px; <– 538px
float: left;
}
</blockquote>

3. Decrease width of text box:
<blockquote>
#mod_login_password, #mod_login_username {
width: 100px; <– 140px
}
</blockquote>

4. Set again property h3.
<blockquote>
background: url(../images/h3-bg.gif) bottom left no-repeat #E1E1E1;
</blockquote>

5. Resize width of content ( Wide layout )
<blockquote>
.wide #ja-content {
width: 738px; <– 688px
float: left;
}
</blockquote>

6. You copy overwrite two images main-bg.gif and main-wide-bg.gif in images folder. You can download two images at: http://www.joomlart.com/images/support/img_zibal.zip

wish success !

[andrew40 Friend andrew40Join date: May 2006Posts: 92Downloads:0Uploads:9 Thanks: 2 Thanked: 2 times in 1 posts]

#233263

when you set h3, which particular tag are you referring to?

[andrew40 Friend andrew40Join date: May 2006Posts: 92Downloads:0Uploads:9 Thanks: 2 Thanked: 2 times in 1 posts]

#233331

OK made the changes but now all my right modules start on the right where the footer is in IE6 and IE7, see screenshot.

http://www.parysnet.info/Picture 2.jpg

LIVE SITE http://www.compost.org.uk

[Author]

Posts