Kategoriler

Popup Kampanyalarıma Custom CSS Ekleyebilir Miyim?

Evet, elbette yapabilirsiniz. Popupsmart ile CSS kullanarak açılır pencerelerinizi daha da özelleştirmek oldukça basittir.

Benzersiz page ID'ler sayesinde şunları yapabilirsiniz:

• Popup adımlarında ayrı ayrı değişiklik yapmak,

• Yalnızca mobil veya masaüstünde değişiklik yapmak,

• Popup bloklarının boyutunu veya görünümünü değiştirmek.

Page ID yapısı, her sayfa için benzersizdir. Bu nedenle, her sayfanın çerçevesini ayrı ayrı düzenlemek istiyorsanız, bu sayfanın page ID'sini kullanmanız yeterlidir.

İşte popup kampanyanıza kendi custom CSS'nizi nasıl ekleyeceğinize kılavuzumuz.

Ama önce, CSS'in temellerini ele alalım.

CSS nedir?

Cascading Style Sheets veya CSS, HTML gibi öğelerinizi seçerek biçimlendirmek için kullandığınız bir stil sayfası dilidir. CSS, HTML ve JavaScript ile birlikte World Wide Web'in temel bir teknolojisidir.

CSS'in tüm yapısı, kural seti veya kural olarak bilinir ve iki bölümden oluşur:

Seçici (The selector): Popup'ın hangi bölümünün şekillendirilmesini istediğinizi belirtmenin bir yolu.

Beyan (The declaration): Seçilen bir öğeye uygulanacak stil. Örneğin bu kural, CSS bir açılır pencerede butonu seçer ve rengi siyah olarak ayarlar: .form-button-p_cqu7n7iqy7s0 {background-color:black!important}

Bir Popup'a Custom CSS Nasıl Eklenir?

1. Yeni bir kampanya oluşturun veya mevcut popup kampanyalarınızdan birini seçin ve "Stil" adımına gidin.

style step on popupsmart builder

2. Ş “Gelişmiş Stil”i seçin ve Custom CSS alanını bulmak için aşağı doğru scroll edin kaydırın. İşte bu kadar! Şimdi istediğiniz CSS kuralını veya kural setini popup adımlarınızdan istediğinize uygulayabilirsiniz.

advanced section on the style step of the builder

İşte başvurabileceğiniz örnekler:

Oyunlaştırma Öğelerini Özelleştirmek için Özel CSS nasıl kullanılır?
Özel CSS Kullanarak Popup'un Kolon Grid Boyutu Nasıl Değiştirilir
Açılır Pencere Arka Plan Renklerini Bireysel Değiştirme
Öğelere Özel CSS Ekleme
Özel CSS ile Kapat Düğmesi Boyutunu ve Konumunu Düzenleme

Custom CSS ekleme hakkında başka sorularınız mı var? Bize Ulaşın!