> ## 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/-/1/2/3/1/1231c99b99c02d00/a2178580-fb76-4888-9ea7-af79ea_1j0plqs.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/-/a/2/a/8/a2a842bd2c65b800/e5a19f7e-1af7-4ef2-ad97-ad7992_1b1t7zv.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/-/7/9/6/f/796f826101a7a000/13697284-0bf4-41d8-ba5d-6a829b_xw15ns.png)

In frontend:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/0/7/a/a07a754344c68000/312d2429-b0c5-43be-ba36-614974_oj5j10.png)

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

The setting:

![](https://storage.crisp.chat/users/helpdesk/website/-/b/6/b/4/b6b4176aacd81800/76d86cca-ea01-493c-a843-8fa47f_ht5d04.png)

In frontend:

![](https://storage.crisp.chat/users/helpdesk/website/-/5/1/6/e/516e0cf9a2f35800/be30e46d-2593-465a-a0e6-83bcb9_y3xnzj.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/-/a/d/3/6/ad36f4e603246000/ef48fcb9-0b55-47d4-bb44-e66661_pvlxr.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)