Question

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

body {
    width: 940px;
}

但它使移动版本不可靠，因为有固定的页面宽度。所以它变得没有响应。是否有更好的编辑代码的方法？

谢谢！

Answer 1

如果我能完全理解你...... 你可以试试这个

.container {
   max-width: 940px;
}

更新（评论请求）

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

Answer 2

如果您想为每个或不同的部分添加背景图片，请参阅以下两个屏幕截图

示例屏幕截图1：

Add background image to section in Joomla Template

示例屏幕截图2：

<强> 1 即可。要为任何部分制作完整尺寸的背景图像，请使用下面的代码（请参阅第1部分。要为任何部分制作完整尺寸的背景图像，请使用下面的代码（请参阅第1步。要为任何部分制作完整尺寸的背景图像，请使用下面的代码（见Screenshot1）

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

<强> 2 即可。要为任何部分添加固定宽度，请使用下面的代码（参见屏幕截图2）

.container {
    max-width: 1170px;
}

（或）

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

就像上面的示例一样，您可以为您创建的每个部分做其余部分