Bagaimana Menyorot Menu Induk Kategori yang Aktif di Theme Atahualpa WordPress

Setelah memodifikasi menu halaman di theme Atahualpa WordPress supaya menampilkan menu induk yang disorot atau terpilih pada artikel yang berjudul: Bagaimana Menyorot Menu Induk Halaman yang Aktif di Theme Atahualpa WordPress, modifikasi berikut ini akan melakukan hal yang sama, tapi untuk menu kategori. Seperti yang sudah kita ketahui, baik halaman maupun kategori dapat disertakan di bagian menu atas dari theme WordPress. Dalam hal ini, kita cukup menambahkan sedikit kode di dalam file css.php milik theme di atas.

Buka file \wp-content\themes\atahualpa\css.php, dan cari kode ini:

2449

div#menu2 ul.rMenu li.current-cat > a:link,

sebelum baris tersebut, tambahkan kode berikut:

2448
2449
2450
2451
2452
2453
2454

div#menu2 ul.rMenu li.current-cat-parent > a:link, 
div#menu2 ul.rMenu li.current-cat-parent > a:active, 
div#menu2 ul.rMenu li.current-cat-parent > a:hover, 
div#menu2 ul.rMenu li.current-cat-parent > a:visited {
	background-color: #<?php echo $bfa_ata['cat_menu_bar_background_color_hover']; ?>;
	color: #<?php echo $bfa_ata['cat_menu_bar_link_color_hover']; ?>;
	}

Sekarang setiap kali menu kategori anak diklik atau dipilih oleh pengunjung, maka menu kategori induk yang bertalian akan otomatis disorot atau terpilih juga.