jekyll中的全宽标题？

在我的Jekyll网站中，所有内容都有特定的宽度。据我所知，这个来自/css/main.scss：jekyll中的全宽标题？

$content-width: 800px; 
$on-palm:   600px; 
$on-laptop:  800px;

我尝试使用“本地” CSS以覆盖这些。它没有奏效。

上面的内容也影响整个内容。

是否有任何方法可以使标题（/_includes/header.html）为全角，并将其余的内容保持为默认居中的宽度（从上面继承）？

来源

2016-08-01 theshepherd

这似乎并没有具体到化身或GitHub的页面。这听起来像是一个CSS问题。你能提供一个链接到你正在谈论的网站吗？ “使用本地css”是什么意思？当你说它不起作用时，你的意思是什么？ –

你在CSS中使用'！important'吗？ – somename

在_includes/header.html，变更<div class="wrapper">为<div class="wrapper-header">。

在_sass/base.scss附加：

.wrapper-header { 
    padding-right: $spacing-unit; 
    padding-left: $spacing-unit; 
    @extend %clearfix; 

    @include media-query($on-laptop) { 
     padding-right: $spacing-unit/2; 
     padding-left: $spacing-unit/2; 
    } 
}

来源

2016-08-02 06:57:49

jekyll中的全宽标题？

回答

相关问题