You are currently viewing Cara Mengubah Warna Subheading pada Tema OceanWP

Cara Mengubah Warna Subheading pada Tema OceanWP

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.

Tampilan subheading oceanwp
Tampilan subheading oceanwp

 

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.

Identifikasi Kelas Subheading
Lakukan inspect element

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.

Leave a Reply