# Font Top Bar

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LpREtq63MkGWVTOaqDB%2F-LpRG4uumiCtkcqdphrT%2Fimage.png?alt=media\&token=db937789-85cb-4e30-a9f4-dbb4f0756b1b)

Anda bisa mengubah font top bar menu yang terdiri dari **Top Menu** dan **Secondary Menu** yang perbedaannya bisa dilihat pada gambar diatas. Silahkan ikuti petunjuk dibawah :

1. Masuk ke menu **Journal > Dashboard > Settings > Header > Menus.**
2. Klik **Top Menu,** lalu klik **Edit** pada menu **Link Font.**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LpREtq63MkGWVTOaqDB%2F-LpRGv0_HmWJm8LaxjbI%2Fimage.png?alt=media\&token=a01dcb7b-8bb2-439e-8fdc-3143d6768c3a)

3\. Setelah itu, akan muncul tampilan seperti berikut :

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LpREtq63MkGWVTOaqDB%2F-LpRH5XZslwGHJuH7_KJ%2Fimage.png?alt=media\&token=4b85490b-8e6c-423d-9be0-8d4a8da8822c)

* **Font Type:** Anda bisa memilih mau Inherit, System atau Google. (Kalau Google, pilihan jenis hurufnya lebih banyak).
* **Font Name:** Anda bisa pilih mau jenis huruf yang seperti apa.
* **Font Size:** Ukuran font pada tampilan desktop.
* **Mobile Font Size:** Ukuran font pada tampilan mobile.
* **Font Weight:** Pilih ketebalan huruf (tidak berlaku untuk semua font name).
* **Font Style:** Pilih mau font normal atau italic (cetak miring).
* **Text Transform:** pilih **None** agar besar kecilnya huruf mengikuti yang diketikkan; atau pilih **Lowercase** agar huruf yang tampil adalah huruf kecil semua; atau, pilih  **Uppercase** agar huruf yang tampil adalah huruf kapital semua.
* **Font Color:** untuk mengubah warna huruf.

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

5\. Lalu klik tanda panah kebawah pada menu **Link Hover Color.** Gunanya adalah untuk membuat warna yang berbeda setelah teksnya diklik.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LpREtq63MkGWVTOaqDB%2F-LpRIyckDidj6S2nUCjf%2Fimage.png?alt=media\&token=814443d1-4a08-4251-9b96-1646faad44e0)

6\. Selanjutnya klik **Secondary Menu,** lalu lakukan langkah yang sama dari langkah 1 - 5 untuk mengubah font pada Secondary Menu.

**B. Top Menus Dropdown.**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LpREtq63MkGWVTOaqDB%2F-LpRL4D6xssrn78SQesP%2Fimage.png?alt=media\&token=e6f676eb-fdf4-442c-9729-964508778ebe)

Selanjutnya Top Menus Dropdown, adalah dropdown menu (menu turunan) yang muncul seperti gambar diatas yaitu menu Login, Daftar dan Riwayat Pemesanan. 

1. Masih pada menu yang sama seperti diatas, Anda tinggal scroll kebawah sampai menemukan **Top Menus Dropdown.**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LpREtq63MkGWVTOaqDB%2F-LpRKKYqzpiLR2uC5FtP%2Fimage.png?alt=media\&token=484d31bf-8a27-480f-817c-2f5a9d3e84c9)

* **Border Color :** untuk mengubah warna pada garis dropdown menu tsb.
* **Font - Hover:** Untuk mengubah warna awal font, dan warna font setelah diklik.
* **Background Color - Hover :** Untuk mengubah warna awal background pada dropdown menu tsb, dan warna background setelah diklik.

2\. Jika sudah, klik **Save.**