Untuk membuat tombol pencarian (search button) transparan di Elementor Pro, Anda perlu mengatur properti background pada elemen tombol pencarian tersebut menjadi transparan. Anda bisa melakukan ini melalui pengaturan gaya (style) pada widget pencarian. Tambahkan widget pencarian, lalu ubah warna latar belakangnya menjadi transparan.
Berikut adalah langkah-langkah detailnya:
- Buka Halaman di Elementor: Buka halaman tempat Anda ingin menambahkan tombol pencarian transparan, lalu edit dengan Elementor.
- Tambahkan Widget Pencarian: Seret dan lepas widget “Search” (Pencarian) dari panel Elementor ke area yang Anda inginkan, menurut Cyberchimps.
- Akses Pengaturan Gaya: Pilih widget pencarian yang baru saja ditambahkan, lalu buka tab “Style”.
- Atur Warna Latar Belakang: Di bawah tab “Style”, cari opsi untuk mengatur warna latar belakang (background color) tombol pencarian. Pilih opsi untuk mengatur warna menjadi transparan. Anda bisa menggunakan fitur color picker atau memasukkan kode warna transparan (misalnya,
rgba(0, 0, 0, 0)
). - Sesuaikan Pengaturan Lain: Anda juga bisa menyesuaikan pengaturan lain seperti warna teks, ukuran, dan gaya ikon sesuai kebutuhan Anda, menurut The Plus Addons for Elementor.
- Simpan Perubahan: Setelah selesai, simpan perubahan pada halaman Anda.
Dengan mengikuti langkah-langkah di atas, Anda akan berhasil membuat tombol pencarian transparan di Elementor Pro.