Cara Mengubah Background Pada Template Elementor
Mengubah background pada template Elementor adalah salah satu cara paling efektif untuk menyesuaikan tampilan website sesuai dengan identitas brand atau gaya desain yang Anda inginkan. Elementor menyediakan beragam opsi background, mulai dari warna solid, gambar, hingga video, bahkan gradient yang bisa dikombinasikan.
Dengan fitur ini, Anda tidak perlu menggunakan kode CSS manual, karena semua pengaturan bisa dilakukan secara visual melalui panel editor Elementor. Berikut adalah langkah-langkah mudah untuk mengubah background pada template Elementor.
Login ke Dashboard WordPress
Pertama, silakan login ke dashboard WordPress Anda. Setelah berhasil masuk, buka menu Pages atau Posts sesuai dengan halaman yang ingin Anda edit. Cari halaman yang sudah menggunakan template Elementor, lalu klik Edit with Elementor.
Pilih Bagian yang Akan Diubah Background-nya
Setelah masuk ke editor Elementor, arahkan kursor ke bagian (section) yang ingin Anda ubah background-nya. Biasanya, section ditandai dengan kotak biru besar yang mencakup satu blok penuh.
Klik icon Edit Section (ikon titik-titik enam di bagian atas section). Setelah diklik, panel pengaturan akan muncul di sisi kiri layar.
Buka Tab Style
Di panel pengaturan sebelah kiri, pilih tab Style. Di sini, Anda akan menemukan beberapa opsi untuk mengubah background:
- Background Type: pilih None, Classic, Gradient, atau Video.
- Classic: memungkinkan Anda menambahkan warna solid atau gambar sebagai background.
- Gradient: memungkinkan kombinasi dua warna dengan arah dan intensitas yang bisa diatur.
- Video: memungkinkan Anda menambahkan link video (YouTube, Vimeo, atau file MP4) sebagai background.
Atur Background Sesuai Kebutuhan
Jika Anda memilih Classic:
- Klik pada color picker untuk memilih warna solid.
- Atau klik Choose Image untuk mengunggah gambar atau memilih dari Media Library.
Jika Anda memilih Gradient:
- Pilih dua warna utama.
- Atur angle (sudut gradasi) untuk mengubah arah perpindahan warna.
Jika Anda memilih Video:
- Masukkan URL video dari YouTube/Vimeo atau unggah file video sendiri.
- Atur opsi seperti autoplay, loop, atau background fallback (gambar cadangan jika video tidak dimuat).
Sesuaikan Pengaturan Tambahan
Selain pilihan background, Anda juga bisa mengatur:
- Background Overlay: menambahkan lapisan warna atau gradient di atas background agar teks lebih jelas terbaca.
- Position & Attachment: mengatur posisi gambar, repeat, dan apakah background mengikuti scroll (fixed) atau tidak.
Simpan dan Lihat Hasilnya
Jika sudah selesai mengubah background, klik tombol Update di bagian bawah panel Elementor. Setelah itu, buka halaman website Anda untuk memastikan background tampil sesuai keinginan.
Dengan langkah-langkah di atas, Anda bisa lebih bebas menyesuaikan tampilan website sesuai identitas brand maupun preferensi visual.
