این کد بدین صورت اومده :
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 5px;
}
واسه همین شما متوجه نشدی.
حالا این کدها رو درون همون فایل جایگزین کن. همشو:
/*
#------------------------------------------------------------------------
JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; margin: 0 auto; position: relative;}
.column { overflow: hidden; float: left; }
.ja-mass { clear: both; }
/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
padding-left: 0px;
padding-right: 0px;
padding-top: 6px;
padding-bottom: 5px;
}
.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {
/* for side columns and spotlight, we only need to add margin or padding to Module */
margin-left: 10px;
margin-right: 10px;
margin-top:0;
border:1px solid #d9d9d9;
background:#FFFFFF;
}
#ja-left .column div.ja-moduletable{
/* margin-left: 0px; */
}
#ja-right .column div.ja-moduletable{
/* margin-right: 0px; */
}
.ja-l1r1 #ja-right .ja-r1 .column div.ja-moduletable , .ja-l1r1 #ja-right .ja-r1 .moduletable
{
margin-right: 0px;
}
#ja-right2 .ja-moduletable , #ja-right2 .moduletable
{
margin-right: 0px;
}
#ja-right .ja-mass-top .ja-moduletable, #ja-right .ja-mass-top .moduletable
{
/* margin-left: 13px !important; */
margin-right: 0 !important;
}
.ja-l1r2 .ja-right2 .ja-moduletable ,.ja-l1r2 .ja-right2 .moduletable,
.ja-l2r2 .ja-right2 .ja-moduletable ,.ja-l2r2 .ja-right2 .moduletable
{
margin-right:0px !important;
}
.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
margin-right: 0;
margin-left: 20px;
}
.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
margin-right: 20px;
margin-left: 0;
}
.article_column .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div */
padding-left: 10px;
padding-right: 10px;
}
.leading { }
.article_row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
/*
margin-left: -10px;
margin-right: -10px;
*/
}
/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left; }
#ja-current-content, #ja-main { float: right; }
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {}
.ja-col {}
/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }
/* Right Column ---*/
#ja-right { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%; }
#ja-right .ja-r1 .ja-col { width: 100%; }
/* HEADER
--------------------------------------------------------- */
#ja-header {}
/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }
/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }
.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }
/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {}
#ja-botsl {}
.ja-box { float: left; overflow: hidden; }
البته عرض عکس رو هم 4 پیکسل دیگه بیشتر کن ، ببین درست میشه؟
