Tampilan paragraf di perangkat mobile

  • Profile Image
    memilsiswiratmo
    Ditanyakan pada tanggal 28 Agustus 2025 pukul 18.19

    apakah bisa di pisahkan atau bagaimana?

    Tampilan paragraf di perangkat mobile Image 1 Screenshot 20

  • Profile Image
    Sigit Jotform Support
    Dibalas pada tanggal 28 Agustus 2025 pukul 18.21

    Hi 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.

  • Profile Image
    Sigit Jotform Support
    Dibalas pada tanggal 28 Agustus 2025 pukul 20.42

    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:Tampilan paragraf di perangkat mobile Image 1 Screenshot 20

    Beri tahu kami jika anda memerlukan bantuan lebih lanjut.