2016-03-24 27 views
3

Drupal 8 ile oynuyordum. Şu anda Bartik'te başlık arka planı olarak bir resme sahip olmak istiyorum.Drupal 8'de bir Bartik alt teması yaratılıyor

/temalar/özel klasör FreeX Oluştur/içeren

/temalar/özel/FreeX içinde freex.info.yml Oluştur /:

Bunun için aşağıdaki şekilde "FreeX" adlı bir subtheme yarattı

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

/temalar/özel/FreeX/css/adlandırılan style.css içeren dosyayı oluşturun: içerikli

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

libraries: 
    - freex/global-styling 

/temalar/özel/FreeX dosya freex.libraries.yml oluştur/

#header { 
background-color: yellow; 
} 

Sadece görmesi işe yarıyor ... Olmaz, başlık arka plan rengini değiştirmez. Ne eksik olduğum hakkında bir fikrin var mı?

+0

bu temayı etkin hale getirdiniz Görünüm –

+0

Özel temanız Görünüm altında mı görüntüleniyor? Bu temayı siz mi etkinleştirdiniz? Style.css dosyası dahil mi? Bazı bilgileri – Laurens

+0

Evet, css dosyası bulunmaktadır, geri onu bulmak daha verin: dosyaları/css/css_ety5xdAt69LTpeH6p9fbVbET2KclBgUgZCeet9COWtE.css o4sf9o yapmam Ne zaman:? Kaynağı görüntüle, soru haline gelmesi için, neden benim girişini yapar: #header {background-color: yellow;} Başlık arka plan sarı değil mi? Ayrıca, bir yorumda nasıl yeni bir satır eklenir, böylece burada okunabilir durumda kalır? – Freek

cevap

1

Sayfa önbelleğini kapatın: Yapılandırma Menüsü -> Geliştirme -> Performans Onay kutularının işaretini kaldırın: Css dosyalarını toplayın, javascript dosyalarını toplayın. Bunu yaparsanız, sayfa kaynağını gördüğünüzde, yazdığınız gibi, style.css dosya adınızı, oluşturulan css dosya adını göremezsiniz. Performans sayfasının en üstünde, tüm önbelleği temizlemek için tıklayın. Ve bundan sonra, sayfanıza bakın.

0

Bartik teması, en son renk modülü renkleriyle alt tabaka renklerinin geçersiz kılınacağı colors.css (tema ayarlarından otomatik olarak oluşturulduğunu düşünüyorum) içerir.

CSS renk ayarlarınıza "önemli" ekleyin, böylece geçersiz kılınmayacaklardır. Örneğin:

#header { 
    background-color: #CDBE79 !important; 
    background-image: linear-gradient(to bottom, #CDBE79 0%, #CDBE79 100%) !important; 
}