Tüm mağazama veya tek bir bölüme nasıl özel CSS eklerim?

CSS mağazanızın görünümünü değiştirir: renkler, boşluklar, boyutlar ve daha fazlası. Oluşturucuda kendi CSS kodunuzu iki yere ekleyebilirsiniz: tüm mağaza için veya yalnızca tek bir bölüm için.

Tüm mağaza için özel CSS

Dişli simgesine tıklayın ve Özel CSS sekmesini açın. Kutunun adı CSS kodudur: Tüm mağazaya uygulanır. CSS kodunuz düzenlediğiniz pazarın her sayfasında yüklenir ve önizleme sonucu gösterir.

Her yerde geçerli olması gereken kurallar için kullanın, örneğin bir öğeyi tüm sayfalarda gizlemek veya her düğmenin stilini değiştirmek. Örneğin h1 { text-transform: uppercase; } her sayfanın ana başlığını büyük harflerle yazar.

Tek bir bölüm için özel CSS

Bölümler sekmesinde bir bölüm seçin. Ayarlarının en altında Özel CSS sekmesini açın. CSS kodu kutusunda Yalnızca bu bölüme uygulanır. yazar. Üst bilgi, alt bilgi, kapak, ürün bilgisi ve ödeme dahil çoğu bölümde bulunur.

Bu daha güvenli seçenektir. Storeep her seçicinizin önüne bölümü ekler, böylece kurallarınız bölümün dışındaki hiçbir şeyi değiştiremez.

• h2 { letter-spacing: 2px; } yalnızca bu bölümün içindeki başlıkları değiştirir.
• Bölümün kendisine stil vermek için & kullanın: & { border-top: 1px solid #000; }.
• @media kuralları çalışır. İçlerindeki kurallar da bölümle sınırlıdır.
• @keyframes animasyonları yazdığınız gibi korunur.

Bölüm CSS kodu o sayfadaki o bölüme aittir. Bölümü CSS koduyla birlikte, onu içeren diğer sayfalarınıza kopyalamak için bölümde Tüm sayfalara uygula'yı kullanın. Bkz. Tüm sayfalara uygula.

Hangisini kullanmalı?

• Tek bir bölüm yanlış görünüyor: bölümün Özel CSS sekmesini kullanın.
• Aynı değişiklik her yerde gerekiyor: Özel CSS ayarlar sekmesini kullanın.
• CSS yazmadan önce bunu zaten yapan bir ayar olup olmadığını kontrol edin: renkler Renk şemalarında, yazı tipleri Yazı tipi ayarlarında, köşeler ve gölgeler ise temanızdan gelir.

CSS kodunuz çalışmadığında

• Eksik bir } veya ; olup olmadığını kontrol edin. Tek bir hata, ondan sonraki kuralları durdurabilir.
• Kuralınız tema kuralından daha zayıf olabilir. Seçiciyi daha belirgin yapın.
• Bölüm CSS kodunda seçicinizi body veya html ile başlatmayın. Bunlar bölümün dışındadır, bu yüzden kural eşleşmez.
• Sayfa bozuk görünüyorsa son değişikliğinizi kaldırın, yayınlayın ve kuralları teker teker geri ekleyin.

Bilmekte fayda var

• Özel CSS düzenlediğiniz pazara aittir. Gereken her pazarda tekrarlayın.
• Temanızı değiştirmek sınıf adlarını ve düzeni değiştirebilir, bu yüzden tema değişikliğinden sonra özel CSS kodunuzu kontrol edin.
• Değişiklikler Yayınla'ya tıkladığınızda yayına girer.
• Bir sayfanın içindeki HTML ve kodlar için bkz. Özel kod.