FROM CACHE - de_header

Entfernen schwarzer Balken

Smbs1
Besucher
2 0 0

Hallo,

kann mir jemand sagen (eventuell mit Code?) wie man diesen schwarzen Balken entfernen kann? Er lässt sich nicht anklicken und gehört auch zu keiner Vorlage... 
Die Farbe einfach zu ändern habe ich schon gemacht, aber der kommt ja nicht nur 1x vor auf der Website sondern immer wenn man einen Abschnitt einfügen möchte, und das passt dann nicht mehr zu den anderen Elementen.
Edit: Sehr stark, ich kann hier keine Bilder einfügen sondern nur csv Dateien...

3 ANTWORTEN 3

Kai
Shopify Staff
2119 519 325

Hallo @Smbs1,

vielen Dank für deinen Post.

 

Könntest du bitte einen Link zu deinem Shopify Shop teilen, damit wir uns vor Augen führen können, von welchem schwarzen Balken hier die Rede ist?

 

Und welches Theme verwendest du? Wer dein Theme entwickelt hat und unterstützt siehst du so nach.

 

Ich freue mich auf deine Antwort,

Kai | 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

Smbs1
Besucher
2 0 0

Hi Kai,

danke für deine Antwort. Der Link zur Seite: Men-World

Es geht hier um den schwarzen Balken der sich auf der Startseite unmittelbar zwischen dem breiten, großen Bild und den Kategorien "Essentials" befindet. Dieser lässt sich weder anklicken noch anderweitig entfernen (außer mit Code wahrscheinlich). 

Deinen Link kann ich leider nicht anklicken, aber wir arbeiten mit dem "Sense" Theme, falls dir das was sagen sollte.

Danke schon einmal im Voraus.

Viele Grüße
Smbs

Gabe
Shopify Staff
15925 2524 3769

Hey @Smbs1 

 

Diesen Balken kannst du in der Chrome Developer Console im HTML/Liquid ausfindig machen (in den unten abgebildeten .gif klicken um es zu vergrößern aber es dauert etwas beim Laden) :

 

27-31-ff5f9-b19m7

 

Somit um den unerwünschten Balken im Theme zu entfernen, die spezifische CSS-Regel identifizieren, die diesen Balken erzeugt, und sie dann entsprechend anpassen oder entfernen.

 

In dem oben abgebildeten Code-Abschnitt gibt es keinen offensichtlichen Hinweis auf einen Balken, daher könnte es sich um eine CSS-Eigenschaft handeln, die außerhalb dieses Abschnitts definiert ist.

 

Hier ein paar weitere Schritte, die du befolgen kannst:

  1. Suche nach CSS-Regeln, die einen Balken erzeugen könnten: Überprüfe die CSS-Dateien deines Themes auf Regeln, die Elemente wie border, background, after oder before Pseudoelemente verwenden, um einen Balken zu erzeugen. Diese könnten sich in einer der verlinkten CSS-Dateien befinden oder in einem <style>-Tag innerhalb des HTML-Codes.

  2. Verwende die Chrome Developer Console im Browser: Öffne die Seite in deinem Browser und nutze die Entwicklertools (F12 in den meisten Browsern), um das Element zu inspizieren, das den Balken enthält. Dort kannst du sehen, welche CSS-Regeln auf dieses Element angewendet werden und welches Element den Balken erzeugt.

  3. Ändere oder entferne die entsprechende CSS-Regel: Sobald du die CSS-Regel identifiziert hast, die für die Erzeugung des Balkens verantwortlich ist, kannst du diese Regel ändern oder entfernen. Um Änderungen vorzunehmen, navigiere zu deinem Shopify-Theme-Editor und bearbeite die entsprechende CSS-Datei.

---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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