Liquid, JavaScript, Themes
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
Gelöst! Zur Lösung
Erfolg.
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
@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 …
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:
Oder lag es an der Textfarbe Einstellung vom Mario?
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Erfolg.
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
Ah ja, das ist das vom Mario oben.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024