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.

1 „Gefällt mir“

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.