Html 调整Joomla中的位置大小

Html 调整Joomla中的位置大小,html,css,joomla,Html,Css,Joomla,你好 请看看我的网站在这里。。。 (仍然在那里做很多事情:P) 我使用的是我正在编辑的Protostar的副本,我希望它看起来像什么 基本上我只想要中间的位置,巫婆有FB嵌入更宽和2个位置在一边更窄。 我已经将我的模板从statick切换到fluid,侧面的位置对我来说太宽了 我已经查看了我的CSS模板和索引文件,但它不想更改。 我已在模板中查找设置,但找不到任何设置或正确的设置 我必须在何处编辑要执行此操作?尝试此操作以使主布局居中: <main id="content" role="m

你好

请看看我的网站在这里。。。 (仍然在那里做很多事情:P) 我使用的是我正在编辑的Protostar的副本,我希望它看起来像什么

基本上我只想要中间的位置,巫婆有FB嵌入更宽和2个位置在一边更窄。 我已经将我的模板从statick切换到fluid,侧面的位置对我来说太宽了

我已经查看了我的CSS模板和索引文件,但它不想更改。 我已在模板中查找设置,但找不到任何设置或正确的设置


我必须在何处编辑要执行此操作?

尝试此操作以使主布局居中:

<main id="content" role="main" class="span6" style="
        text-align: center;">

    </main>

通过按照创建自定义CSS文件,可以覆盖流体布局的默认CSS宽度,并添加一些CSS以覆盖默认设置

这里有一个例子。请记住,span3+裕度+SPAN6+裕度+spam3应等于100%:

.row-fluid .span3 {
    width: 20% !important;
}
.row-fluid .span6 {
    width: 56% !important;
}
.row-fluid [class*="span"] {
    margin-left: 2%  !important;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0 !important;
}

在哪里(巫婆文件)我可以找到这个?在你的网站的管理面板,去模板管理器,然后你有模板文件编辑。Thx为中心的建议。很高兴帮助!欢迎是的,但是Joomla更新可能会覆盖您的更改,因此需要自定义user.css。我有一个自定义模板,它是从Protostar复制的,不更新。所以我会尝试一下…是的,那很好。好的,在template.css文件中搜索所有这些设置并更改它。仍然没有改变大小。创建了user.css,现在可以使用了。非常感谢你,穆奇。
.row-fluid .span3 {
    width: 20% !important;
}
.row-fluid .span6 {
    width: 56% !important;
}
.row-fluid [class*="span"] {
    margin-left: 2%  !important;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0 !important;
}