2016-08-01 70 views
1

在我的Jekyll網站中,所有內容都有特定的寬度。據我所知,這個來自/css/main.scssjekyll中的全寬標題?

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

我嘗試使用「本地」 CSS以覆蓋這些。它沒有奏效。

上面的內容也影響整個內容。

是否有任何方法可以使標題(/_includes/header.html)爲全角,並將其餘的內容保持爲默認居中的寬度(從上面繼承)?

+1

這似乎並沒有具體到化身或GitHub的頁面。這聽起來像是一個CSS問題。你能提供一個鏈接到你正在談論的網站嗎? 「使用本地css」是什麼意思?當你說它不起作用時,你的意思是什麼? –

+0

你在CSS中使用'!important'嗎? – somename

回答

1

_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; 
    } 
}