2016-03-24 26 views
3

私はDrupal 8で遊んでいました。現時点では、Bartikのヘッダーの背景として画像を使用したいと考えています。Drupal 8でBartikサブテーマを作成する

は/テーマ/カスタムのフォルダfreexを作成/含む

/テーマ/カスタム/ freexでfreex.info.ymlを作成/::

このために私は次のように "freex" と呼ばれるサブテーマを作成しました

global-styling: 
    version: 1.0 
    css: 
    theme: 
     css/style.css: {} 

は/テーマ/カスタム/ freex/CSS /と呼ばれるのstyle.css含むでファイルを作成します:含む

name: Freex 
description: Basis thema voor verenigingen 
type: theme 
core: 8.x 
base theme: bartik 

libraries: 
    - freex/global-styling 

/テーマ/カスタム/ freexでファイルfreex.libraries.ymlを作成/

#header { 
background-color: yellow; 
} 

ちょうどそれを見ることができます...それは、ヘッダーは背景色を変更しません。私は何が欠けているかについての任意のアイデア?

+0

このテーマは、アピアランス –

+0

からアクティブにしましたか?カスタムテーマは[アピアランス]の下に表示されますか?このテーマをアクティブにしましたか? style.cssファイルは含まれていますか?いくつかの情報 – Laurens

+0

はい、CSSファイルが含まれている、私は後ろにそれを見つけるより教えてください: ファイル/ CSS/css_ety5xdAt69LTpeH6p9fbVbET2KclBgUgZCeet9COWtE.css o4sf9o 私が行うと:?表示ソースは、問題になるので、なぜ私のエントリを行います。 #header {背景色:黄色;} ヘッダーの背景を黄色にしないでください。 また、コメントに改行を追加すると、ここに読み込みができるようになりますか? – Freek

答えて

1

ページキャッシュをオフにします。設定メニュー - >開発 - >パフォーマンス チェックボックスをオフにします:Cssファイルを集約して、JavaScriptファイルを集約します。 これを行うと、ページソースが表示されたときに、作成したCSSファイル名ではなく、ファイル名style.cssが表示されます。パフォーマンスページの上部にあるすべてのキャッシュをクリックしてクリアします。その後、あなたのページを見てください。

0

Bartikのテーマにはcolors.css lastが含まれています(テーマ設定から自動生成されていると思います)。したがって、サブテーマの色は後の色の色で上書きされます。

CSSカラー設定に「!important」を追加すると、オーバーライドされません。たとえば、

#header { 
    background-color: #CDBE79 !important; 
    background-image: linear-gradient(to bottom, #CDBE79 0%, #CDBE79 100%) !important; 
} 
関連する問題