html - 增加wordpress模板中单页的宽度

Question

我正在使用来自 Sela 主题 ( https://wordpress.org/themes/sela/ ) 的全 Angular 模板。我想将一个特定页面上的全 Angular 模板的宽度增加到与导航栏相同的长度。 http://www.somarunners.com/routes/

这是我要修改的页面。

利用网络上的信息，我将以下内容添加到我的 CSS 中:

.page-template-full-width-page .content-wrapper.full-width.without-featured-image { margin :0；

但这并没有达到预期的效果。

如果有人对如何修改模板的宽度有建议，我将不胜感激。

Answer 1

您有媒体查询影响您的页面模板

@media screen and (min-width: 1180px)
.site {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0;
}

对 max-width 的简单更改将允许您进行所需的更改

@media screen and (min-width: 1180px)
.site {
    max-width: 100%;
}

我会建议

A) 创建自定义页面模板并将 .site 设置为 100%(如果它只是您需要更改的页面)。

另请记住，在媒体查询中将最大宽度更改为 100% 可能不适用于较大的屏幕。