Joomla elastica 是一款比较受欢迎的 Joomla免费模板，他的瀑布流模块宽度默认仅有 240px、480px、720px，你可能想要4倍的宽度或者5倍的宽度。再宽就没必要了，最大也不能超过模板定义的极限宽度。

打开：网站目录/templates/ja_elastica/css/layout.css，65行开始有这么一段：

/* MASONRY PRESETS (240px*5 Grids)
--------------------------------------------------------- */
/* Sizes---*/
.ja-masonry {
 width: 240px;
}

.grid-double {
 width: 480px;
}

.grid-tripple {
 width: 720px;
}

这就是定义瀑布流模块宽度的代码，在下面添加上这么一些代码：

.grid-4x{
 width: 960px;
}

.grid-5x{
 width: 1200px;
}

这就是我们添加的4倍和5倍的代码，保存文件。打开网站后台->【模块管理】，打开你要修改的模块，在【选项】->【高级选项】->【模块CSS类后缀】，在里面填上你想要的宽度，比如4倍，如图：

注意grid-4x前面一定要留一个空格，保存，刷新一下网站前台页面就可以看到效果勒。如图：

如果是组件输出的内容如何控制宽度呢？还是在layout.css，94行：

/* Main Content */
#ja-content {
 width: 720px; /* 3 grids */
}

把width改成960px即可。

转载自星仔码头