Inhalte erscheinen unter "Theme anpassen", jedoch nicht in der Live-Ansicht

Deutsch Diskussion Technische Fragen & Antworten
1

Liebe Community,

ich habe das Problem, dass meine Seite unter “Theme anpassen” anders angezeigt wird als in der Live-Version. Konkret sind meine Footer-Inhalte (Navigation und Social Icons) live nicht sichtbar (aber bei MouseOver klickbar). Unter Theme anpassen sieht wiederum alles aus, wie es soll.

Was kann ich tun? Code anpassen, obwohl in der WYSIWYG-Ansicht alles ist, wie es sein soll?

Freue mich auf einen Tipp.

Besten Dank im Voraus,

Christoph

so-sieht-es-live-aus.png
so-sieht-es-live-aus.png1914×936 209 KB

so-soll-es-sein--theme-ansicht.png
so-soll-es-sein--theme-ansicht.png1906×930 226 KB

2

@Preuki Christopher – du wirst das CSS ändern müssen …

Der Code, der aktuell so lautet …

.text-link, a {
  color: var(--colorTextBody);
  text-decoration: none;
}

… sollte nicht auf den Footer abzielen. Was dadurch passiert ist, dass die Textfarbe gleich der Hintergrundfarbe ist.

Folgender Block fixt das:

.site-footer .text-link, .site-footer a {
  color: var(--colorTextFooter);
}

LG, Mario

PS: Mit veganer Schoki kannst Du mich auch locken …

1 Like
3

Hey @Preuki

Dein Footer sieht in meinem Google Chrome aktuell so aus also rate ich male den Cache in deinem Browser zu leeren oder im Incognito Modus das nochmal zu testen:

image.png
image.png2061×1267 289 KB

Oder lag es an der Textfarbe Einstellung vom Mario?

4

Vielen Dank @Gabe für dein Feedback. Liegt wahrscheinlich daran, dass gerade eben der super schnelle Shopify-Support schon geholfen hat und ich den Code angepasst habe. Für alle, die vielleicht ein ähnliches Problem haben, hier noch die Antwort, die mir geholfen hat:

+++++++++++++++++++++

@Preuki – du wirst das CSS ändern müssen …

Der Code, der aktuell so lautet …

.text-link, a { color: var(–colorTextBody); text-decoration: none; }

… sollte nicht auf den Footer abzielen. Was dadurch passiert ist, dass die Textfarbe gleich der Hintergrundfarbe ist.

Folgender Block fixt das:

.site-footer .text-link, .site-footer a { color: var(–colorTextFooter); }

LG, Mario

5

Ah ja, das ist das vom Mario oben.

1 Like