> 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/tampilan-produk/list-produk/ubah-background-pada-foto-produk.md).

# Ubah Background pada Foto Produk

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lr8PusESk8nL1tswTuA%2F-Lr8TzL61eaNaD-H3fhy%2Fimage.png?alt=media\&token=f06642cc-8a80-4ecd-be62-19e08cc8b6e2)

Jika Anda ingin mengubah warna background pada foto produk seperti diatas, caranya adalah sebagai berikut:\
1\. Login di dashboard admin.\
2\. Masuk ke menu **Journal > Dashboard > Settings > Product Grid.**\
3\. Klik **General.**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lr8PusESk8nL1tswTuA%2F-Lr8aTwbLfBXP7JZpxBi%2Fimage.png?alt=media\&token=36fda261-eb04-434c-8ac0-030179358f42)

* **Background Color:** Klik untuk mengubah warna background pada setiap foto produk.
* **Background Hover Color:** Klik untuk mengubah tampilan warna background foto produk saat diklik.
* **Foreground Text Hover Color:** Klik untuk mengubah warna text pada produk saat diklik.

4\. Klik **Save.**
