> For the complete documentation index, see [llms.txt](https://docs.oceanesia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/header/mengubah-warna-background.md).

# Mengubah Warna Background

![](/files/-LnvhpEZgZRHQ-2Fbjvs)

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.

![](/files/-Lnvj0he1BGwDuLKu1A8)

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.

![](/files/-LnvjG8Qb4QPiuGfY3TZ)

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

![](/files/-LnzgE0F9rymOdOtX3qP)

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

![](/files/-LnzguthsU0ZYq87Mi6Q)

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.**

![](/files/-LnziUH-9ITq3hwsY9m3)

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

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