Widget'ın şeklini değiştirme

ekran görüntüsünde yer alan çalışmada "Departure Airport" bölümünü diğer kutu şekili gibi nasıl yapabilirim?

Merhaba Osman Bey,

Geç cevap için özür dileriz.

Bunu yapabilmek için özel CSS kodlarına ihtiyacınız bulunmaktadır.

Aşağıdaki kodları lütfen widgetların Özel CSS alanına yapıştırınız. Size gösterebilmek için formunuzu klonladım. Aşağıdaki ekran resmimde değişikliklerden sonra nasıl olacağı görülmektedir.

CSS Kodları

span.select2-selection {

border: 3px solid black !important;

border-radius: 16px !important;

height: 55px !important;

}

Daha fazla yardıma ihtiyaç duyarsanız bizimle iletişime geçmekten çekinmeyiniz.

css kodu eklediğimde form ön izlemesinde kutunun yarısı görünmüyor ekte ekran görüntüsü var ayrıma kutuya tıklandığında açılan pencere cizgilerini kutu ile aynı nasıl yapabilirim ekran görüntüsü ekte.
...

Merhaba,

Yaşadığınız durum için özür dileriz.

Ne yazık ki ekran görüntüsü gelmemiş.

Ekran görüntüsünü düzgün bir şekilde yükleyebilmek için lütfen mailinize gelen içeriğin sağ alt kısmında bulunan View this thread on browser » butonuna tıklayınız.

Daha sonra Destek Forumunda Ekran Görüntüsü Paylaşma kılavuzundaki adımları takip ederek görüntüyü yükleyiniz.

Yine de, önizleme modunda alanları kontrol ettiğimde düzgün bir şekilde gösterildi.

Hangi tarayıcıda ve hangi cihazda sorunu yaşadığınızı da iletirseniz onları kontrol edebiliriz.

Cevabınızı bekliyor olacağız.

Sorun SAFARI tarayıcında çalışıyorum. ekte tekrar ekran görüntüsü ekledim.
...

Merhaba,

Bize ulaştığınız için teşekkür ederiz.

Maalesef ekran görüntüsü yine yüklenmemiş. Fakat sorunu Safari'de test ettiğimde Widget'ın alt kısımlarının çıkmadığı görülüyor.

Formun ve Widgetların CSS kodlarına ekleme yaptıktan sonra sorun düzeldi. Lütfen önceki vermiş olduğum kodları silerek aşağıdaki kodu Widgetların Özel CSS alanına ekleyiniz.

span.select2-selection {

border: 3px solid black !important;

border-radius: 16px !important;

height: 55px !important;

min-height:-webkit-fill-available;

}

Ek olarak formunuzun CSS ekleme alanına da buradaki kılavuzu takip ederek aşağıdaki kodları ekleyiniz.

div[data-widget-name="Havaalanı Seçme"] > iframe {

 height: 55px !important;

}

Lütfen deneyiniz ve daha fazla desteğe ihtiyaç duyarsanız bize bildiriniz.

söylediğiniz css kodlarını ekledim bu sefer havaalanı seç için tıkladığında sutun görünmüyor ekte ekran görüntüsü var
...

Merhaba,

Bize ulaştığınız için teşekkür ederiz.

Maalesef yüklediğiniz ekran görüntüsü gelmemiş. Fakat demek istediğiniz sorunu anladım.

Bu aşamada Widgetların yüksekliğini küçülterek kullanmayı deneyebilirsiniz.

Bir önceki cevabımda verdiğim kodları siliniz ve aşağıdakileri Widgetların Özel CSS alanlarına ekleyiniz.

span.select2-selection {

border: 3px solid black !important;

border-radius: 13px !important;

height: 29px !important;

}

Bu işemden sonra aşağıdaki gibi bir görünüm oalcaktır.

Lütfen deneyiniz ve daha fazla yardıma ihtiyaç duyarsanız bize bildiriniz.