Formunuzu Özel CSS Kodlarıyla Özelleştirme

GÜNCELLEME: CSS bilgisi gerektirmeden şık form tasarımlar yaratmanızı sağlayan Form Tasarımcısı ile harika formlar tasarlamaya hazır mısınız?
Formunuza özel CSS kodlarını nasıl ekleyeceğinizi biliyorsanız aşağıda verilen CSS kodlarıyla formunuzu özelleştirmeye başlayabilirsiniz.

Sayfaya arka plan görseli ayarlama

.supernova {
background-image:url(‘http://www.site.com/image.jpg’);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;}

URL’yi arka plan görselinizinkiyle değiştirin.

Örnek form

Sayfa arka planını şeffaf yapma

.supernova {
background:transparent;
}

Formun etrafındaki kenar boşluklarını kaldırma

.jotform-form {
padding:0;
}

Form arka planını şeffaf yapma

.form-all {
background:transparent;
}Başlık arka plan rengini değiştirme [data-type=”control_head”]{background-color:#FFCC66;}

Alt başlığın metin rengini değiştirme

.form-subHeader {color:#2408FC !important;}

Tüm alt etiketlerin rengini değiştirme

.form-sub-label {color:#FFCC66;}

Sarı vurgulama rengini değiştirme

.form-line-active {background:#baffb9;}

Zorunluluğu belirten yıldızın rengini değiştirme

.form-required {color: blue !important;}

Hata mesajlarındaki kırmızı arka planı kaldırma

.form-line-error {background:transparent;}

Formu sola hizalama

.form-all {margin:0;}

Örnek formun önizlemesi

Daraltılmış alanları anında iki sütun olarak gösterme

.form-line-column {width: 50%;}.form-line-column:nth-child(even) {clear: left;}

Örnek form

Ödeme entegrasyonlarındaki kredi kartı alanlarını mobile uyumlu yapma

Buradaki CSS kodlarını kopyalayın: http://pastebin.com/raw/UJV3nGf5

Örnek form Formunuz için gerekli olan CSS kodunu bulamazsanız ya da formunuzu özelleştirirken yardıma ihtiyacınız olursa aşağıdaki yorum bölümünden bize ulaşabilirsiniz.