Button atau tombol merupakan salah satu element yang sangat penting pada website. Button biasanya digunakan untuk melakukan suatu aksi, baik aksi dalam satu website yang sama, ataupun aksi yang berpengaruh atau mengarahkan ke website atau halaman lain. Elementor telah menyediakan fitur ini, sehingga kita hanya perlu melakukan kustomisasi. Oleh karena itu mari kita pelajari apa saja pengaturan untuk widget ini.
Content
Pada bagian content hanya ada opsi untuk merubah button. Dalam opsi button terdapat banyak sekali pengaturan, apa saja sih fungsinya?
- Type: Pilih satu dari lima jenis button untuk design awal. Lima pilihan itu antara lain Default, Info, Success, Warning, dan Danger.
- Text: Masukkan isi teks button
- Link: Atur button akan mengarah kemana
- Alignment: Atur posisi button
- Size: Pilih ukuran button
- Icon: Tambahkan icon pada button anda. Setelah memilih icon akan tampil pilihan untuk posisi icon diletakan sebelum atau sesudah teks.
- Icon Position: Hanya tampil setelah memilih icon. Untuk mengatur posisi icon diletakan sebelum atau sesudah teks.
- Icon Spacing: Beri jarak antara icon dan teks
- Button ID: (Opsional) Beri ID unik button untuk beberapa situasi misalnya Google Analytics events
Style
Pada bagian style juga hanya terdapat opsi styling button dengan pengaturan sebagai berikut:
- Typography: Untuk merubah tipografi button
- Text Shadow: Beri efek bayangan pada text button
- Text Color: Pilih warna teks button
- Background Type: Pilih tipe background untuk button
- Color: Atur warna background button
- Border Type: Pilih tipe border button
- Border Radius: Atur ukuran sudut border button
- Box Shadow: Beri efek bayangan pada box button
- Padding: Tentukan padding atau jarak dalam box Button
- Tentukan juga efek pada hover dengan memilih opsi “Hover” di sebelah “Normal”