Custom CSS Kullanarak Popup'un Kolon Grid Boyutu Nasıl Değiştirilir?

Başlamadan önce:

• Page ID ile cihaz türü arasında boşluk olmamalıdır.
• “Block” ile önceki tanımlar arasında bir boşluk olmalıdır.
• Cihaz türünü belirtmezseniz, değişiklikler tüm cihaz türleri için uygulanır.

Bazen kodlar çakışır, bu nedenle bir kod eklerken dikkatli olmak önemlidir. CSS'in kusuruz çalıştığından emin olmak için kodunuzun sonuna “!important” ekleyin.

1. Yeni bir kampanya oluşturun, popup adımlarından birini seçin ve “Stil” adımına gidin.

2. “Gelişmiş Stil” e gidin ve “Custom CSS” için sayfayı aşağı kaydırın.

3. Popup'ınıza sağ tıklayın, açılan menüden incele butonunu tıklayın ve “data-page-idi”yi bulun. Parantezleri içinde custom CSS penceresine yapıştırdıktan sonra, örneğin yalnızca masaüstünü hedeflemek için masaüstü olan veri aygıtı türü için tekrar parantezlerini girin.

4. Şimdi, popupı ve blokları yeniden boyutlandıracağız. Bu örnekte, popup'ın daha büyük ve sol bloğun sağ taraftan daha büyük olmasını istiyoruz. Bunun için  “min-width:900px;” ve “grid-template-columns: 70% 30%;” yazın.

Bu kuralı uyguladığınızda popup'ınız aşağıdaki resimdeki gibi görünecek:

Bu tür bir değişiklik için, page ID'yi değiştirerek aşağıdaki kodu kullanabilirsiniz:

 
[data-page-id="79552a7a"][data-device-type='desktop']{
  min-width:900px;
  grid-template-columns: 70% 30%;
  box-shadow:none;
}

Açılır pencerenize custom CSS ekleme hakkında başka sorularınız mı var? Bize Ulaşın!