Advan – Kamu ingin membuat tampilan website yang lebih keren dan modern? Salah satu trik yang bisa kamu coba adalah membuat footer transparan di Elementor. Dengan footer transparan, situs kamu akan terlihat lebih elegan dan menarik banyak perhatian tapi, bagaimana caranya?
Jangan khawatir, kamu nggak perlu jadi ahli coding untuk membuat footer transparan di Elementor. Dalam artikel ini, kamu akan belajar langkah-langkahnya dengan mudah dan cepat. Yuk, langsung kita mulai!
Langkah-Langkah Membuat Footer Transparan di Elementor
Membuat footer transparan akan memberikan tampilan berbeda situs yang kamu miliki. Sebelum mulai membuatnya, pastikan kamu sudah siap untuk mengedit footer menggunakan Elementor, lalu ikuti langkah-langkah berikut ini:
1. Buka Halaman Edit Elementor
Pertama-tama, masuk ke halaman yang ingin kamu edit di Elementor. Pastikan kamu sudah mengaktifkan plugin Elementor di website kamu. Setelah itu, klik “Edit with Elementor” untuk memulai proses pengeditan.
2. Pilih Footer yang Ingin Diubah
Di dalam editor Elementor, pilih bagian footer yang ingin kamu ubah. Kamu bisa mengklik bagian footer tersebut untuk membuka pengaturan. Jika kamu belum memiliki footer, kamu bisa menambahkannya terlebih dahulu melalui menu template.
3. Masuk ke Pengaturan Gaya (Style)
Setelah memilih footer, kamu akan melihat berbagai opsi pengaturan di panel sebelah kiri. Klik tab “Style” untuk membuka pengaturan gaya. Di sini kamu akan menemukan berbagai opsi untuk mengubah tampilan footer.
Baca Juga: Ternyata Mudah, Cara Membuat Header Transparan di Elementor
4. Ubah Warna Latar Belakang Menjadi Transparan
Di dalam pengaturan gaya, cari opsi “Background Type” dan pilih “Classic”. Setelah itu, atur warna latar belakang menjadi transparan. Kamu bisa menggeser slider opacity hingga ke angka 0 untuk mendapatkan efek transparan.
5. Tambahkan CSS Kustom Jika Diperlukan
Jika hasilnya belum sesuai harapan, kamu bisa menambahkan CSS kustom untuk memperhalus tampilan footer. Caranya, masuk ke tab “Advanced” dan pilih “Custom CSS”. Di sini, kamu bisa menambahkan kode CSS untuk mengatur transparansi dan elemen lainnya.
- css
selector background: rgba(255, 255, 255, 0.5);
6. Simpan dan Lihat Hasilnya
Setelah semua pengaturan selesai, klik tombol “Publish” atau “Update” untuk menyimpan perubahan. Lihat hasilnya di halaman live website kamu. Voila! Sekarang footer kamu sudah transparan dan terlihat lebih menarik.
Baca Juga: Cara Membuat Sticky Footer di Elementor
Tips Tambahan
Selain mengatur transparansi, kamu juga bisa menambahkan efek-efek lain untuk mempercantik footer. Misalnya, kamu bisa menambahkan shadow, gradient, atau bahkan animasi. Cobalah berbagai kombinasi untuk menemukan tampilan yang paling sesuai dengan tema website kamu.
Membuat footer transparan di Elementor sangat mudah dan bisa dilakukan oleh siapa saja, bahkan pemula sekalipun. Dengan mengikuti langkah-langkah di atas, kamu bisa memberikan tampilan yang lebih modern dan profesional pada website kamu. Jangan lupa untuk terus bereksperimen dan menemukan gaya yang paling cocok untuk situs web.
Untuk memastikan pengalaman mengedit yang mulus dan tanpa hambatan, gunakan laptop Advan AI Gen. Dengan performa yang cepat dan fitur-fitur canggih, laptop ini akan memastikan proses desain website kamu berjalan lancar.
Dilengkapi dengan prosesor terbaru dan RAM besar, Advan AI Gen sangat cocok untuk kebutuhan desain grafis dan pengembangan web. Nikmati kemudahan dan kecepatan dalam mengedit website dengan Advan AI Gen, sahabat terbaik untuk para desainer dan developer!***
Editor: Mahfida Ustadhatul Umma