OceanWP adalah salah satu tema WordPress yang paling banyak digunakan karena fleksibilitas dan kemudahan kustomisasinya. Dalam tutorial ini, kita akan membahas bagaimana Anda dapat mengubah warna subheading pada tema OceanWP dengan langkah-langkah yang mudah diikuti.
Langkah- langkah mengubah warna Subheading OceanWP
Langkah 1: Identifikasi Kelas Subheading
Pertama, Anda harus mengidentifikasi kelas CSS yang digunakan oleh subheading yang ingin Anda ubah. Anda bisa melakukan ini dengan menggunakan alat Inspect pada browser Anda.
Klik kanan pada subheading di situs web Anda dan pilih “Inspect”. Perhatikan kelas yang muncul di kode HTML; contohnya bisa div.clr.page-subheading.
Langkah 2: Akses Customizer WordPress
Masuk ke dashboard WordPress Anda dan navigasikan ke Appearance > Customize. Ini akan membuka Theme Customizer, di mana Anda dapat mengubah berbagai aspek dari tema OceanWP.
Langkah 3: Tambahkan CSS Khusus
Dalam Theme Customizer, cari dan klik pada bagian ‘Additional CSS’ atau ‘Custom CSS’. Ini adalah tempat Anda dapat menambahkan kode CSS sendiri untuk menyesuaikan tema Anda.
Langkah 4: Tulis dan Terapkan CSS
Dalam kotak ‘Additional CSS’, masukkan kode CSS berikut:
.clr.page-subheading {
color: #000000; /* Warna hitam */
}
Kode di atas akan mengubah warna teks subheading yang memiliki kelas .clr.page-subheading
menjadi hitam. Pastikan untuk mengganti #000000
dengan kode warna hex yang Anda inginkan jika Anda mencari warna selain hitam.
Langkah 5: Simpan dan Publikasikan
Setelah Anda menulis atau menempel kode CSS, klik tombol ‘Publish’ untuk menyimpan dan menerapkan perubahan Anda. Ini akan memperbarui situs Anda dengan pengaturan baru.
Catatan
‘clr’ pada kelas OceanWP
Kelas pada OceanWP sering kali diawali dengan clr
, yang berarti clear atau bersih, mengindikasikan gaya yang minimalis dan mudah diubah. Jadi, jika Anda mungkin menebak kelas oceanWP adalah .page-subheading
saja, dan ketika menerapkan CSS nya ternyata tidak bisa, maka Anda mungkin perlu mencoba menambahkan clr
di depan kode kelas tersebut.