Apa kabar Stack! Saya mengalami masalah besar dengan formulir javascript yang telah saya terapkan di situs web perusahaan saya. Masalahnya adalah formulir tidak mewarisi apa pun dari stylesheet. Semua website perusahaan kami dibangun menggunakan wordpress. Untuk situs web khusus ini, kami menggunakan tema divi dengan tema anak untuk penyesuaian. Saya memiliki semua file javascript dan file php yang mereka panggil di ftp dan formulir itu sendiri berfungsi dengan baik, tetapi ini benar-benar berantakan secara visual. Saya akhirnya menyiapkan formulir yang sama di lingkungan pengujian lain tanpa divi dan formulir tersebut akhirnya ditata agar sesuai dengan tema berbeda yang digunakan. Jadi saya tahu masalahnya adalah divi, tetapi adakah yang punya saran tentang cara menata formulir ini saat masih menggunakan divi?

Berikut adalah URL untuk situs yang dimaksud: http://www.haines.com/university/

Di bawah pilih kelas, saat Anda mengklik tautan tanggal di salah satu kelas, formulir akan terbuka.

-5
e_hollaway 16 Agustus 2017, 18:04

2 jawaban

Jawaban Terbaik

Oke, beberapa hal terjadi di sini. Saya melihat bahwa Anda masih aktif mengubah kode, jadi ini mungkin tidak semuanya berlaku saat ini.

Pertama, Anda menggunakan kembali id. Anda tidak bisa melakukan itu; id dimaksudkan untuk menjadi unik, dan akan menyebabkan masalah jika tidak. Ubah pendaftaran kelas siswa menjadi kelas sebagai gantinya.

Kedua, Anda meletakkan css di div, saat Anda ingin input ditata. Anda ingin css pada anak dari div. Jika Anda mengubah ke kelas, Anda dapat menata anak seperti ini:

.studentclasssignup > input { <whatever> }

Atau dengan id itu akan menjadi:

#studentclasssignup > input { <whatever> }

Tapi sekali lagi, jangan gunakan kembali ID.

0
Michael W. 16 Agustus 2017, 16:16

Dari apa yang saya lihat, template Anda menggunakan kelas dinamis di CSS-nya. Sebagai contoh :

.hs-form-c0074a25-1641-462d-8731-7da7bc52f872_06f8c9b0-accf-40a3-a90d-65b583641897 .hs-button{
    border:none;
    font-family:Helvetica,Arial,sans-serif;
} 

Itu berarti Anda tidak dapat menggunakan kembali gaya mereka, kecuali jika Anda tahu cara mengambil id semacam ini.

Dalam hal ini, hal termudah adalah menyalin/menempel CSS yang Anda inginkan, dan menerapkannya ke formulir Anda seperti itu:

.registercontainer button {
    border:none;
    font-family:Helvetica,Arial,sans-serif;
} 

Itu harus dilakukan untuk setiap gaya yang Anda butuhkan (input, label, dll.)

0
Adrien Nizon 16 Agustus 2017, 16:13