'Suchen' Leiste | Artikel trennen

  • Hallo liebe Community!


    Ich bin gerade dabei eine Seite mit dem Stiel Fire einzurichten. Und würde gerne wissen ob es möglich ist, die Suchleiste im Header zu fixieren und sie nicht nur erscheint wenn man auf die Lupe klickt.

    Weiteres hätte mich interessiert ob man die Symbole im Headermenü separat zu jedem einzelnen Punkt zuweisen kann, bzw. ob man dies möglich machen kann.


    Mit freundlichen Grüßen

    Fabian

  • Die Suche kannst du mit folgendem Code dauerhaft anzeigen lassen:

    CSS
    1. .pageHeaderSearch {
    2. display: block;
    3. position: relative;
    4. bottom: 42px;
    5. }
    6. li #userPanelSearchButton {
    7. display:none
    8. }

    Weiteres hätte mich interessiert ob man die Symbole im Headermenü separat zu jedem einzelnen Punkt zuweisen kann, bzw. ob man dies möglich machen kann.

    Ja das ist auch möglich. Hier habe ich eine Anleitung veröffentlicht: Font Awesome Icons im Design "Fire" hinzufügen

  • Hallo SImon,


    Ich erlaube mir mich mit einer weiteren kleinen Frage gleich hier darunter an dich zu wenden. Die Frage wäre ob man die Artikel offensichtlicher von einander trennen kann. Mit zum Beispiel einen Strich und/oder mehr Abstand.

    Weiteres würde mich interessieren ob man irgendwo einsehen kann wie man was ansprechen kann, besonders im CSS Bereich wäre es nützlich, damit man einfache Sachen wie Abstände oder sonstiges einfach Bearbeiten kann.


    Liebe Grüße

    Fabian

  • Okay. Werde dir am Wochenende eine Lösung dafür basteln.

    Hey Fabian ! Nutz bitte folgenden Code in den erweiterten Einstellungen:

    CSS
    1. .articleList > li {
    2.     border: 1px solid rgba(208, 208, 208, 1);
    3. padding: 20px;
    4. }

    Damit wird ein gräulicher Rand um die Artikel erzeugt. Ich hoffe, du meinst damit so eine Trennung. :P


    Grüße

  • Danke Simon,


    jedoch taucht hier ein Fehler auf wenn ich den Code einfüge..


    Code
    1. Error Message:
    2. parse error: failed at ` border: 1px solid rgba(208, 208, 208, 1);` /home/.sites/360/site6540971/web/home/style/ui/zzz_wsc_style_global_values.scss on line 43


    Könntest du mir da weiter helfen?


    LG Fabian

  • Da ist keins :/


    //Edit:

    da hat anscheinend der rgba Wert nicht ganz gepasst.


    Hab das mal so gemacht

    Code
    1. .articleList > li {
    2. border: grey 1px solid;
    3. padding: 20px;
    4. }

    und es funktioniert. Danke :)

    Eine Frage hätte ich noch, wo siehst du da nach wie man gewisse Dinge ansprechen kann? Wie hier ".articleList"?


    Liebe Grüße

    Fabian

    Einmal editiert, zuletzt von Fabian () aus folgendem Grund: Lösungsweg hinzugefügt