> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Why there is no color options?

A lot of people got confused when first time using Fancy Product Designer, and they got no color options while editing a text.

![](https://storage.crisp.chat/users/helpdesk/website/-/8/4/c/3/84c3d023e9245800/fb89060c-186d-4aa7-ac33-145c3d_19vmvd6.png)

In order for the color option to show, you need to go to **Fancy Product Designer > Settings >  Element Properties > Coloring:**

![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/c/0/57c0853eeb9a4400/4029d275-3b8d-4b19-9f79-93480b_17uso9k.png)

Here is what you need to input:

**1. Input 1 color to show the color picker**

The setting:

![](https://storage.crisp.chat/users/helpdesk/website/-/2/f/a/6/2fa695226c26d800/b22eb9d8-a3cf-4d38-919b-c05545_1voegyc.png)

In frontend:

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/f/2/e3f275f50b54f000/79566d5c-1f9d-46d8-827d-54efdc_oe48c6.png)

**2. Input more than 1 color in order to show that specific color only:**

The setting:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/4/8/4/a4840c14c40bd000/5e127608-11ef-4189-acb7-bd5d07_6dfan7.png)

In frontend:

![](https://storage.crisp.chat/users/helpdesk/website/-/2/7/0/1/270109a669c8be00/933fd971-dede-4820-bd44-dc5d8c_5nh69n.png)

## How to have different setting each product?

It is possible to have 1 product using color picker and another product using showing specific color.

For example, in the global setting, I have set 1 color which mean it will show color picker:

![](https://storage.crisp.chat/users/helpdesk/website/-/c/9/a/f/c9af0b726c13b000/f0564e7d-4ce5-4e9c-b92b-d0ff44_riujkz.png)

Then on 1 product, I want to show specific color only, so I edit "Individual Product Setting"

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/13176537124/original/adyjOAhCLMglTtJZpbd_HxeA4ZlHdaRkJw.png?1739014875)

Then set the color to the color that I wanted to set, in this case I want black and white:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/13176537130/original/TMO4Ob1OJaeV3I4-dWUiDOuc1ukfg2Wggg.png?1739014944)

Finally, we can test it and it will show 2 color only in the frontend:

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/13176537131/original/KGwb_MFKp4r4mqPmZz3OyFgd3YJQDyXcrw.png?1739014967)