Cara Membuat Latar Belakang Formulir menjadi Transparan

8 Agustus 2022

Jika Anda ingin formulir Anda menyatu secara mulus dengan desain situs Anda, membuat latar belakang transparan adalah cara yang paling sederhana untuk mencapainya.

Youtube Embed Poster: s0EQETZxXQo

Di dalam Pembangun Formulir, Anda dapat mengubah pengaturan latar belakang formulir Anda dengan metode berikut:

Desainer Formulir

Cara termudah untuk mengubah transparansi formulir adalah melalui Desainer Formulir. Anda dapat melakukannya dalam tiga langkah di bawah ini.

  1. Klik ikon Desainer Formulir di bagian kanan atas Pembangun Formulir.
Cara Membuat Latar Belakang Formulir menjadi Transparan Image-1
  1. Di tab Warna, klik kotak Warna Formulir.
  2. Klik ikon X dari opsi seperti yang ditunjukan pada gambar di bawah, dan hanya itu.
Cara Membuat Latar Belakang Formulir menjadi Transparan Image-2
  1. Jangan lupa klik tombol Simpan untuk menyimpan perubahan.

Desainer Tingkat Lanjut

Jika Anda seorang ahli, desainer tingkat lanjut menawarkan opsi gaya yang lebih canggih untuk elemen formulir, termasuk warna latar belakang formulir.

  1. Buka Desainer Formulir seperti yang ditunjukan metode pertama di atas.
  2. Klik tombol Desainer Tingkat Lanjut dari tab Warna.
Cara Membuat Latar Belakang Formulir menjadi Transparan Image-3
  1. Di bawah Skema Warna, klik Bingkai dan alihkan transparansinya menggunakan penggeser. Lakukan hal yang sama untuk Latar Belakang. Silakan lihat gambar di bawah ini untuk referensi transparansi:
Cara Membuat Latar Belakang Formulir menjadi Transparan Image-4
  1. Pastikan untuk menekan tombol Simpan yang berada pada sisi kiri halaman untuk menyimpan perubahan.

Kode CSS Khusus

Kami merekomendasikan metode ini jika Anda ingin menerapkan pada semuanya, termasuk cara untuk menghilangkan bayangan dan batas formulir.

  1. Buka Desainer Formulir.
  2. Di bawah tab Gaya, gulir ke bawah hingga kotak Suntik CSS Khusus, dan tempel kode berikut ini:
.supernova, .jotform-form, .form-all {
background-color: transparent !important;
}
.form-all {
box-shadow: none;
border: none;
}
Cara Membuat Latar Belakang Formulir menjadi Transparan Image-5
  1. Seperti biasa, pastikan untuk menekan tombol Simpan untuk menyimpan perubahan.

Lihat juga:

Cara Menyesuaikan Opacity dari Latar Belakang Formulir

Jika Anda memiliki pertanyaan, saran, umpan balik, silakan kirimkan di kotak komentar di bawah ini. Anda juga dapat menghubungi kami dengan membuat tiket dukungan.

Hubungi Dukungan:

Tim dukungan pelanggan kami tersedia 24/7 dan waktu respons rata-rata kami antara satu hingga dua jam.
Tim kami dapat dihubungi melalui:

Forum Dukungan: https://www.jotform.com/answers/

Hubungi Dukungan Jotform: https://www.jotform.com/contact/

Kirim Komentar:

Jotform Avatar
Situs ini dilindungi oleh reCAPTCHA dan tunduk pada Kebijakan Privasi serta Ketentuan Layanan Google.

Podo Comment Jadilah yang pertama berkomentar.