Özel CSS

Nasıl yapılır kılavuzu Tüm planlar 1 dk okuma

Ayarlar, yazı tipleri ve renkler ihtiyacınızı karşılamadığında Stil Sayfası / CSS alanını kullanın: özel bir üzerine gelme efekti, tek bir öğenin yazı tipi boyutu veya küçük bir tema düzeltmesi gibi. CSS menüyle birlikte kaydedilir ve yayınladığınızda mağazanıza eklenir.

Not

Özel CSS temel düzeyde CSS bilgisi gerektirir. Kod yazmak istemiyorsanız bize ulaşın; küçük stil değişikliklerinde ücretsiz yardımcı oluyoruz.

Özel CSS ekleyin

1. Gelişmiş sekmesini açın

   Menü düzenleyicide sol kenar çubuğundaki Gelişmiş simgesine (</>) tıklayın (1).

   

   Gelişmiş sekmesini açın (1) ve CSS'inizi Stil Sayfası / CSS alanına yazın (2).

2. CSS’inizi ekleyin

   CSS’inizi Stil Sayfası / CSS alanına (2) yazın veya yapıştırın; //enter css custom here yer tutucusunun yerine geçsin.

3. Kaydedin ve yayınlayın

   Kaydet’e, ardından Yayınla’ya tıklayın. Sonucu görmek için mağazanızı önbelleği temizleyerek yenileyin.

Doğru öğeleri hedefleyin

CSS sayfaya olduğu gibi eklenir ve yalnızca bu menüyle sınırlı değildir; bu yüzden seçicilerinizin kapsamını daraltın:

• Tüm menüler: .gm-menu ile başlayın.
• Tek bir menü: .gm-menu-<ID> ile başlayın. Kimliği bulmak için mağazanızda menüye sağ tıklayın ve Inspect (İncele) seçeneğini seçin.
• Tek bir öğe: Öğenin ayarlarının Gelişmiş bölümünde ona bir Ekstra sınıf adı verin (bkz. Bir menü öğesini düzenleyin), ardından bu sınıfı kullanın.

Örneğin, ekstra sınıf adı sale-item olan bir öğeyi kalın ve kırmızı yapmak için:

.gm-menu .sale-item > .gm-target {
  color: #d72c0d !important;
  font-weight: 700 !important;
}

Gelişmiş sekmesinde, menüyü seçili pazarlarla sınırlayan Pazar kullanılabilirliği de bulunur; bkz. Menüleri pazara göre gösterin.

Sorun giderme

CSS'imin hiçbir etkisi yok

• Kaydettikten sonra Yayınla’ya tıkladığınızı kontrol edin.
• Uygulamanın kendi stilleri sıklıkla !important kullanır; kuralınızın da buna ihtiyacı olabilir.
• Eksik bir } gibi yazım hatalarına bakın; tek bir hata, ondan sonraki kuralların çalışmasını engelleyebilir.

İlgili sayfalar

• Menü renklerini ayarlayınMenü çubuğunun, alt menülerin, sekmelerin, ürün etiketlerinin ve sepete ekle düğmesinin renklerini ayarlayın.
• Menü yazı tiplerini ayarlayınMenünün her bölümü için yazı tipi ailesini, kalınlığını ve boyutunu seçin.
• Bir menü öğesini düzenleyinBir öğenin başlığını, bağlantısını, simgesini, renklerini, rozetini, alt menüsünü ve görünürlüğünü değiştirin ya da öğeyi çoğaltın, taşıyın ve silin.

Bu sayfa yardımcı oldu mu?

Sorun bildir