# Mengubah Warna Background

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lnve1gwRo750OTJ0bTt%2F-LnvhpEZgZRHQ-2Fbjvs%2Fimage.png?alt=media\&token=84e139fa-6b1b-4db2-9db5-9538c4f90028)

Header adalah bagian atas pada halaman website, yang biasanya mencakup logo website, icon search, icon keranjang belanja, dan juga menu-menu seperti Home, Products, dst (seperti yang ditunjukkan oleh tanda panah pada gambar).\
Anda bisa mengubah warna background pada header website tersebut dengan 2 cara, yg pertama adalah warna biasa ( 1 warna ), dan yang kedua adalah membuat gradasi warna.

Caranya adalah sebagai berikut:

**A. MENGUBAH WARNA BIASA PADA BACKGROUND HEADER.**

1. Masuk ke menu **Journal > Dashboard > Settings > Header > General >**  klik **General.**

Pada menu **Header Background,** klik tanda panah kebawah untuk mengubah warna background.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lnve1gwRo750OTJ0bTt%2F-Lnvj0he1BGwDuLKu1A8%2Fimage.png?alt=media\&token=0977cf8f-6bd5-47b8-87be-aaab07bd3ffb)

2\. Pilih warna sesuai keinginan Anda.

3\. Jika sudah, klik **Save** (di pojok kanan atas).

**B. MEMBUAT WARNA GRADASI**

1. Pada menu **Header Background,** klik **Edit** untuk menambah gambar background.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lnve1gwRo750OTJ0bTt%2F-LnvjG8Qb4QPiuGfY3TZ%2Fimage.png?alt=media\&token=611c8a2e-3945-462e-886c-87cf8ecaaf26)

2\. Lalu klik **ON** pada menu **Use Gradient** seperti dibawah.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LnzdFdLOaM4litlhEDH%2F-LnzgE0F9rymOdOtX3qP%2Fimage.png?alt=media\&token=e7ea77f3-9fa7-4bf0-98d0-b00292bda56f)

Jika sudah di setting menjadi **ON,** maka tampilannya akan seperti ini.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LnzdFdLOaM4litlhEDH%2F-LnzguthsU0ZYq87Mi6Q%2Fimage.png?alt=media\&token=f5c496a4-d8ec-4c5d-a2c3-dbddd22e65a8)

3\. Silahkan Anda klik Sample Generators: **Gradient 1** atau **Gradasi 2,** maka nanti akan redirect ke link untuk membuat gradasi warna, Anda bisa pilih warna sesuka hati untuk dibuat gradasi (membuat gradasi 2 warna).

Jika ingin membuat gradasi 3 warna, Anda bisa kunjungi website <https://cssgradient.io/>.

4\. Jika Anda sudah membuat gradasi warna pada link tersebut, selanjutnya Anda bisa klik **Get CSS** untuk mendapatkan kode CSS nya.

5\. Copy kode CSS tsb, kemudian paste di kolom yg tersedia di menu **Use Gradient.**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LnzdFdLOaM4litlhEDH%2F-LnziUH-9ITq3hwsY9m3%2Fimage.png?alt=media\&token=beb8a7ad-0486-48b5-9dfa-e584b3b1cd88)

3\. Jika sudah, klik **OK.**

&#x34;**.** Lalu klik **Save.**