增加wordpress模板中单页的宽度

时间:2016-06-27 09:25:39

标签: html css wordpress

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

这是我想要修改的页面。

使用网络上的信息,我将以下内容添加到我的css中:

.page-template-full-width-page .content-wrapper.full-width.without-featured-image { 保证金:0; }

但那没有预期的效果。

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

1 个答案:

答案 0 :(得分:0)

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

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

最大宽度的简单更改将允许您想要进行的更改

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

我建议

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

另请注意,在媒体查询中将最大宽度更改为100%可能无法在较大的屏幕上使用。