Shopbuilder: Schrift hat falsche Farbe und ist dadurch nicht lesbar

Hallo,
wir haben Probleme mit einer Kategorieseite:

Für diese Kategorie haben wir die Vorlage aus „/Marken/“ kopiert und ausschließlich für diese Kategorie aktiviert.

Und zwar geht es um den Markentext auf dem Header-Bild:

Leider ist der Text dort dunkelgrau.

Im Shopbuilder haben wir ein Hintergrundbild (CSS-Klasse align-items-end) und darauf ein Code-Widget (CSS Klasse text-white text-shadow):

{% if category is not empty %}
                    {% set categoryName = category.details[0].name %}
                    {% set categoryDescription = category.details[0].description %}
                    {% set categoryDescription2 = category.details[0].description2 %}
                {% else %}
                   {% set categoryName = trans("Ceres::Widget.backgroundPreviewTextCategoryName") %}
                   {% set categoryDescription = trans("Ceres::Widget.backgroundPreviewTextCategoryDescription") ~ " 1" %}
                   {% set categoryDescription2 = trans("Ceres::Widget.backgroundPreviewTextCategoryDescription") ~ " 2" %}
                {% endif %}

                {% set descriptionSetting = ceresConfig.item.showCategoryDescriptionTop %}<h1 class="pt-4 category-title">{{ categoryName }}</h1>
                {% if descriptionSetting == "both" %}
                     <div class="category-description mb-3">{{ categoryDescription | raw }}</div>
                     <div class="category-description mb-3">{{ categoryDescription2 | raw }}</div>
                {% else %}
                    <div class="category-description mb-3">{% if descriptionSetting == "description1" %}{{ categoryDescription | raw }}{% elseif descriptionSetting == "description2" %}{{ categoryDescription2 | raw }}{% endif %}</div>
                {% endif %}

In der Liveansicht taucht leider dieser Code auf:

<div class="widget widget-code widget-none text-white text-shadow m-0 color-gray-700">
<div class="widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0 mt-0 mb-5">
<h1 class="pt-4 category-title">DirectAlpine</h1>
<div class="category-description mb-3">
<p>Aus den Tälern direkt auf den Berg, das verspricht: Direct Alpine.</p>
</div>
</div>
</div>

Hat jemand eine Idee, woher dieser Teil kommt? m-0 color-gray-700

Gruß Simon

im Shopbuilder evtl. was eingestellt:

Unten die Abstände und bei Erscheinungsbild.

Wurde mit Ceres 5.0.74 von plenty an vielen Stellen hinterlegt. Soll wahrscheinlich die Lesbarkeit verbessern. Hat aber meiner Meinung nach häufiger den gegenteiligen Effekt.

Hallo Uwe,
danke für deine Rückmeldung.

Falls das Problem noch jemand hat - hier zumindest die temporäre Lösung, bis zum nächsten Plugin-Update:

/resources/scss/ceres/common/_background.scss
und
/resources/css/ceres-base.scss

Ich habe jetzt

gray-700

durch

white

ersetzt.

Gruß Simon

Ich habe es nun doch so gelassen und nur das !important entfernt, da sonst auch andere Texte weiß wurden.