Custom CSS ile Kapatma Butonunun Boyutunu ve Yerini Düzenleme
Custom CSS ile popup'ınızın kapatma butonu boyutunu ve konumunu nasıl düzenleyeceğinizi keşfedin. Daha iyi bir kullanıcı deneyimi için kapatma butonunu özelleştirin.
Bu kılavuz, custom CSS kullanarak kapatma butonunun boyutunun ve konumunun nasıl değiştirileceğini açıklar.
Başlamadan Önce
- "Block" ile önceki tanımlar arasında bir boşluk olmalıdır.
- Yayınlamadan önce CSS değişikliklerinizi her zaman önizleme modunda test edin.
Kapatma Butonunu Nasıl Özelleştirirsiniz
Element ID'yi Al
Popup'ın kapatma butonuna sağ tıklayın, menüden İncele'yi tıklayın ve köşeli parantezler içinde "data-element-id" yi kopyalayın.
pre code:not(.hljs):not([class*=language-]) { background: #f8f8f8; line-height: 1.5; display: block; overflow-x: auto; padding: 1rem !important; color: inherit; border-radius: 2px; }
[data-element-id="cqwnvd5ups00"]
Özelleştirme Seçenekleri
Kapatma butonunun boyutunu orantılı olarak artırmak için "transform: scale(1.5)" kullanın. Bu özellik, kapatma butonunu girdiğiniz değere göre ölçeklendirir.
[data-element-id="cqwnvd5ups00"] { transform: scale(1.5); }
Kapatma butonu için belirli boyutlar ayarlamak istiyorsanız width veya height özelliklerini kullanın.
[data-element-id="cqwnvd5ups00"]
{
width: 90px;
}Kapatma butonunun konumunu orijinal konumuna göre değiştirmek için CSS'nin relative konum özelliklerini kullanın.
[data-element-id="cqwnvd5ups00"]
{
position: relative;
top: 20px;
left: 130px;
}Kapatma butonunu popup'ın dışına veya üstüne konumlandırmak için absolute konumlandırmayı kullanın.
[data-element-id="cqwnvd5ups00"]
{
position: absolute;
right: 200px;
}Unutmayın
CSS'nizin doğru biçimlendirildiğinden emin olun. Tüm ayarları tamamladıktan sonra popup'ı kaydedin ve yayınlayın. Popup'ınızı web sitenizde görünür hale getirmek için durum toggle'ını açmayı unutmayın.
Popup'ınıza custom CSS ekleme hakkında başka sorularınız mı var? Bize Ulaşın!
Bu rehber nasıl?