Saya sedikit bingung dengan pertanyaan CSS yang saya dapatkan di situs WP yang sedang saya kerjakan.

Ada tema terpasang yang selalu menyertakan kelas tajuk pada setiap halaman baru (.title-banner) dan saya ingin menyembunyikan ini di satu halaman khusus ini. Saya tidak memiliki akses ke stylesheet jadi saya hanya ingin menggunakan CSS untuk menyembunyikan elemen pada satu halaman ini, menggunakan display: none;, namun itu tidak akan berfungsi jika saya memasukkannya ke dalam tag langsung di halaman saya. Jika saya menerapkan CSS di alat inspeksi, itu berfungsi. masukkan deskripsi gambar di siniinspect tool css wordpress overriding stylesheet display

0
Melanie Clarke 9 Januari 2021, 14:20

3 jawaban

Jawaban Terbaik

Anda harus lebih spesifik untuk mengganti CSS yang ada.

Anda dapat menambahkan ini ke tema Anda, atau dengan membuka "Tampilan > Kustomisasi > CSS Tambahan" dari wp-admin.

Ganti ID Halaman dengan ID halaman halaman Anda... Anda dapat menemukannya dengan melihat ID halaman admin, atau memeriksa tag <body>. Wordpress menempatkan kelas page-id-xxx di badan setiap halaman, memungkinkan Anda untuk mengganti CSS tertentu berdasarkan halaman demi halaman.

/* Replace Page ID with your page id */
.page-id-336 .title-banner {
    display: none;
}
0
Howard E 9 Januari 2021, 15:51

Gunakan ini;

    <script>

window.addEventListener("load", function(){
        document.getElementsByClassName('class_of_your_element').style.display = 'none !important';
}); 
    </script>
0
MikeMoy 9 Januari 2021, 14:53

Anda harus mencoba Javascript. Saya pikir gaya CSS Anda ditimpa oleh beberapa gaya default. Gunakan ini;

<script>
    document.querySelector('.title-banner').style.display = 'none';
</script>
0
Irfan wani 9 Januari 2021, 15:55