Füge ein Farbbanner nach dem Header hinzu

Hallo Community-Mitglieder!

Ich habe versucht, ein farbiges Banner unter dem Header hinzuzufügen, aber bisher ohne Erfolg. Ich habe verschiedene CSS- und HTML-Codes ausprobiert und sogar eine benutzerdefinierte Komponente erstellt, aber das Banner erscheint immer noch ganz oben im Header. Mein Ziel ist es, etwas Ähnliches wie dieses zu erreichen:

Wenn jemand Erfahrung damit hat oder Vorschläge machen kann, wäre ich Ihnen sehr dankbar.

Vielen Dank!

Hallo nochmal @Joe_Nguyen :wave:

Hier ist, wie Sie das mit dem below-site-header-Plugin-Outlet tun können.

Schritt 1: Fügen Sie dies in den common-head eines Themes oder einer Theme-Komponente ein:

<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
  <div id="color-bar">
  </div>
</script>

Schritt 2: Fügen Sie dies in den common-css desselben Themes oder derselben Theme-Komponente ein:

#color-bar {
  background-color: #13d83d;
  height: 30px;
}

Hinweis: Sie können die Höhe anpassen und die color-Eigenschaft nach Belieben ändern.

Das sollte es tun: :slight_smile:

6 „Gefällt mir“

Danke @Lilly! :slightly_smiling_face:

1 „Gefällt mir“

Wenn Sie sehen möchten, wie dies als Theme-Komponente in einem Repository eingerichtet ist und nicht in Ihrer lokalen Instanz, können Sie mein Repository hier kopieren:

Beachten Sie, dass ich das Repository wahrscheinlich in ein paar Tagen löschen werde.

2 „Gefällt mir“

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.