# Text is not visible / readable

### Problem description

Due to the additional function [Category image](/en/content/category/category-image.md) in header area, it can happen that unintentional settings are made which only lead to an acceptable result when using a fill color or a category image. The problem then often looks as follows:

![](/files/nfECEz3fB0asfUPZ0YH1)

Although all variables (Text Color and Light Text Color) are set correctly, white text is displayed on a light or even white background.

### Explanation

In the category settings, configurations for the display of a **Background color (1)** and the **Display category image (2)** as well as a **Text contrast (3)** can be made in the custom fields.

<div><figure><img src="/files/wnwXr4P96HnLa8OYQ5Wn" alt=""><figcaption><p>Config A</p></figcaption></figure> <figure><img src="/files/NQj60QauINTYIg6nSxff" alt=""><figcaption><p>Config B</p></figcaption></figure></div>

As soon as one of the fields **Background color (1)** or **Display category image (2)** contains a value, the first section of the assigned experience world becomes a "Hero Section". To set the contrast on an image or background color for this category, the configuration from **Text contrast (3)** now takes effect.

![Sektion 1 ist nun eine "Hero" Sektion](/files/-Mkv2C21llMCdiqr2y1F)

### Solution

Make sure that **Display category Image (2)** is not selected in the category and the **Background color (1)** does not contain a value if you do not want to use the category images feature in the header area in this category.

{% hint style="warning" %}
Note: The **Display category image (2)** setting is also available as a global setting in the theme configuration as **Display category image (1)**. If this option is already active in the theme settings and the **Display category image (2)** option is set to the Inherited value, the first section of the assigned experience world is also treated as a Hero section.
{% endhint %}

![Theme Konfiguration > Kategorie > Kategoriebild](/files/fqrHGIbVYRIhUqK6RLrZ)


---

# 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://themedocs.zenit.design/en/faq/known-issues/text-is-not-visible.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.
