-
memilsiswiratmoapakah bisa di pisahkan atau bagaimana?
-
Jotform Support Former Jotform SupportHi Memil,
Terima kasih telah menghubungi Dukungan Jotform, beri saya waktu untuk melihat formulir Anda, saya akan mengabari Anda saat ada pembaruan.
Beri tahu kami jika Anda memiliki pertanyaan lainnya.
-
Jotform Support Former Jotform Support
Hi Memil,
Tambahkan CSS berikut supaya dipisah masing-masing paragraf. Mari saya jelaskan caranya:
1. Pertama, salin kode ini:
/* Desktop (≥ 481px) -> style the whole block */
@media (min-width: 481px) {
#id_37 .form-html {
background: linear-gradient(135deg, #f9f9f9, #ffffff);
border-left: 6px solid #c90909;
padding: 20px 25px;
margin: 20px auto;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #333333;
max-width: 800px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* remove per-paragraph styling on desktop */
#id_37 .form-html p {
border: none;
background: none;
padding: 0;
margin: 0 0 1em;
box-shadow: none;
}
}
/* Mobile (≤ 480px) -> style each paragraph individually */
@media (max-width: 480px) {
#id_37 .form-html {
background: none; /* no container background */
border: none; /* no container border */
padding: 0;
box-shadow: none;
max-width: 100%;
}
#id_37 .form-html p {
background: linear-gradient(135deg, #f9f9f9, #ffffff);
border-left: 4px solid #c90909;
padding: 12px 15px;
margin: 10px 0;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
font-size: 14px;
line-height: 1.5;
color: #333333;
}
}
2. Di Pembangun Formulir, klik ikon Rol Cat di sisi kanan halaman untuk membuka Perancang Formulir.
3. Sekarang, di menu Perancang Formulir, klik tab Gaya, gulir ke bawah, lalu tempelkan kode ke dalam kotak Suntik Kode CSS. Selesai. Kode akan tersimpan secara otomatis.
Lihat screenshot saya di bawah ini untuk melihat hasilnya:
Beri tahu kami jika anda memerlukan bantuan lebih lanjut.
