Bagi kalian yang sedang belajar membuat website WordPress dengan tema gratis Astra, Artikel ini menyajikan informasi cara mengubah warna ikon panah submenu dropdown tema astra gratis.
Jika kamu sedang mendesain website dengan CMS WordPress, kamu pasti mengenal tema Astra. Tema ini adalah tema gratis yang terpopuler sekarang ini.
Hal ini karena tema Astra memiliki fitur yang cukup lengkap untuk kategori tema WordPress gratis, mulai dari pilihan desain di bagian header dan footer, font yang digunakan, hingga fitur yang ada untuk post dan page. Secara khusus tema ini sangat powerful untuk desain website organisasi.
Apalagi jika Anda mendesain website dengan Elementor di mana tema ini terintegrasi dengan elementor dan juga mudah untuk mengintegrasikannya dengan Plugin SEO, seperti Yoast SEO atau RankMath.
Namun, selengkap apapun fitur gratis yang ada di tema Astra versi gratis, ada beberapa fitur dan setting yang tidak muncul pada dashboard Customize-nya atau bahkan tidak bisa diubah secara parsial.
Salah satunya adalah ikon panah submenu dropdown pada tampilan mobile. Dalam pilihan header builder-nya, meskipun kamu dapat mengubah warna menu Off-Canvas dan lain-lain, tapi tidak dengan warna ikon panah tersebut.
Oleh karena itu, kamu memerlukan alternatif lain untuk mengubahnya jika kamu tidak ingin upgrade ke versi premium dari tema ini. Cara yang paling mudah adalah dengan menambahkan kode CSS.
Lembar kerja CSS di Customize memberikan kamu keleluasan untuk menambahkan kode CSS sehingga kamu dapat mengubah warna arrow submenu dropdown sesuai kebutuhan.
Bagaimana menambahkan kode CSS ke tema Astra untuk mengubah ikon submenu tema Astra gratis? Berikut langkah-langkahnya.
Mengubah warna Panah submenu dropdown Astra free theme Mengunakan Kode CSS
Bagi AMengubah warna arrow di sub-menu sangat mudah jika Anda memiliki kode CSS yang tepat. Ikuti langkah-langkahnya sebagai berikut:
1. Login ke situs kamu yang terinstal tema WordPress Astra Gratis.
2. Pilih Customize di menu dashboard > klik Additional CSS.
Menu ini berada pada bagian paling bawah di Customize. Selanjutnya, silahkan copy dan paste kode CSS di bawah ini.
.ast-header-break-point .ast-icon.icon-arrow svg {
color: #ffffff;
}Warna di atas dapat kamu sesuaikan dengan kebutuhan. Setelah menempelkan kode CSS di atas, klik Save.
3. Pilih Beader Builder di Customize > lalu ubah ke tampilan mobile dan lihat apakah panah (arrow) pada submenu dropdown warnanya sudah berubah.
Jika sudah berubah, berarti Anda telah berhasil mengubah warna ikon panah pada submenu tersebut.
Baca Juga: Cara Menambahkan Komentar di Ms Word
Mengubah Warna Ikon Submenu Tema Astra Gratis Mudah, Bukan?
Dari langkah-langkah di atas, maka mengubah warna ikon arrow submenu dropdown tema Astra sangatlah mudah. Kamu bisa mulai dari login ke website WordPress yang terinstal tema Astra hingga menambahkan kode CSS ke bagian lembar kerja CSS.
Kamu perlu ingat bahwa pembaharuan pada tema Astra terkadang mengubah struktur kodenya. Jadi, pastikan untuk update kodenya lagi dengan fitur Inspect ya. Lihat: cara menggunakan fitur Inspect.
Tapi jika kamu tidak ingin ribet dengan kode-kode tersebut, kami sarankan membeli tema Astra versi gratis dari situs resminya.
Demikian cara mengubah warna arrow pada bagian sub-menu dropdown Tema Astra versi Gratis. Semoga informasi ini bermanfaat bagi kamu yang sedang ingin mengoptimalkan website menggunakan tema Astra.
Oh iya, jika kamu butuh Jasa Penerjemah untuk menerjemahkan berbagai dokumen, jangan sungkan buat menghubungi EnglishQu ya. Kami melayanan Jasa Penerjemah untuk menerjemahkan website company profile (organisasi), buku pelajaran/kuliah, buku manual perusahaan, esai, makalah dan dokumen lainnya.
Kami juga menerjemahkan artikel jurnal internasional yang ingin kamu masukkan ke penyedia jurnal terindeks Scopus dan Sinta. Layanan kami mengedepankan akurasi dan kecepatan dengan biaya yang relatif terjangkau. Kami juga melayani pencarian jurnal internasional terindeks Sinta (2-5) dan Scopus (Q1, Q2 dst).
Dengan memesan layanan kami, kamu bisa mendapatkan layanan terbaik untuk sukses pekerjaan, studi dan organisasi.
Baca Informasi terbaru EnglishQu di GOOGLE NEWS dan dapatkan artikel terbaru.
Tidak ada Respon