# Font Top Bar

![](/files/-LpRG4uumiCtkcqdphrT)

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

![](/files/-LpRGv0_HmWJm8LaxjbI)

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

![](/files/-LpRH5XZslwGHJuH7_KJ)

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

![](/files/-LpRIyckDidj6S2nUCjf)

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

**B. Top Menus Dropdown.**

![](/files/-LpRL4D6xssrn78SQesP)

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

![](/files/-LpRKKYqzpiLR2uC5FtP)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.oceanesia.com/tutorial-1/manual-book-v-1-0/tampilan-website/top-bar/font-top-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.