自定義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;
}

就像上面的示例一樣，您可以對創建的每個部分的其余部分進行處理