自定义joomla模板框架

Question

我在定制Helix Framework模板时遇到问题。 我想将页面宽度更改为1140像素。 如果我在框架菜单中执行此操作，它将仅更改文本字段的宽度，但所有图形均保持完整宽度。 如何使它看起来像下面的附件？ 我知道我可以用

body {
    width: 940px;
}

但由于页面宽度固定，因此移动版本不可靠。 因此它变得没有响应。 有没有更好的方法来编辑代码？

谢谢！

Answer 1

如果我能完全理解您...您可以尝试

.container {
   max-width: 940px;
}

UPDATED（评论请求）

.body-innerwrapper {
   margin: auto;
   max-width: 940px;
}

Answer 2

如果您想为每个或单独的部分添加背景图片，请参见下面的两个屏幕截图

屏幕截图1示例：

在Joomla模板的部分中添加背景图片

屏幕截图2示例：

在Joomla模板中向容器添加固定宽度（背景图片内）

1 。 要为任何部分制作完整尺寸的背景图像，请使用以下代码（请参阅第1部分。要为任何部分制作完整尺寸的背景图像，请使用以下代码（请参阅第1部分。要为任何部分制作完整尺寸的背景图像，请使用以下代码（参见截图1）

#sp-services-wrapper {
    background: url('put background image url here') #b64c52 top left no-repeat;
}

2 。 要向任何部分添加固定宽度，请使用以下代码（请参见Screenshot2）

.container {
    max-width: 1170px;
}

（要么）

#sp-services-wrapper .container {
    max-width: 1170px;
}

就像上面的示例一样，您可以对创建的每个部分的其余部分进行处理