Sebelum memulai tips dan trick kali ini teman-teman terlebih dahulu baca pembahasan tentang Fungsi Dari Class Hero di Bulma Framework pada artikel saya sebelumnya. Kalau sudah membaca artikel saya sebelumnya maka teman-teman bisa melanjutkan membaca tips dan trick dari saya kali ini tentang Merubah Warna Background Hero di Bulma Framework.

Di dalam bulma kita bisa menempatkan warna background hanya dengan menambahkan class yang sudah disediakan, sekarang kita akan mencoba menambahkannya dalam class hero, berikut langkah-langkah untuk mencoba Merubah Warna Background Hero di Bulma Framework:

1. Pertama

Buka file html yang telah teman-teman buat pada artikel sebelumnya tentang Fungsi Dari Class Hero di Bulma Framework.

2. Kedua

anda duplikat kode html heronya yang sudah ada sebanyak enam buah lalu ganti class yang berada di section-nya dengan class lain, seperti kode di bawah ini:

Coba teman-teman buka di browser teman-teman maka tampilannya akan menjadi seperti berikut:

Merubah Warna Background Hero di Bulma Framework

Nah, dari gambar dia atas teman-teman bisa memilih class apa yang akan teman-teman gunakan untuk mewarnai background hero itu sendiri.

Class hero adalah class yang memudahkan kita mebuat suatu kotak besar dan class is-primary membuat warna dasar kotak besar menjadi hijau, dan class lainnya teman-teman bisa lihat sendiri perubahan warnanya pada gambar di atas.

Dengan bulma kita dapat dengan mudah merubah warna background tentunya dengan class yang sudah di sediakan oleh bulma. Bagaimana teman-teman cukup mudahkan membuat kotak besar menggunakan class hero pada bulma.

Sekian pembahasan kali ini tentang Merubah Warna Background Hero di Bulma Framework. Semoga bermanfaat.