Suchleiste im Header horizotal verschieben

Thema wurde von Tokri, 11. Juli 2018 erstellt.

  1. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo liebe Forumsgemeinde,

    zu Anfang möchte ich sagen, dass ich neu bin und das mein erster Webshop wird, den ich erstelle. Ich habe mich bewusst dafür entschieden, den selbst zu erstellen, da es mich prinzipiell interessiere, wie es funktioniert und wo was wie zu verstellen bzw. einzustellen ist.

    Ich habe jetzt einmal angefangen den Header zu erstellen und würde gerne die Suchleiste im Header horizontal mittig stellen. Bei mir ist die Suchleiste ganz oben im Header und da mein Logo leider etwas größer ist, ist dann darunter ein weißer freier Bereich. Ich würde gerne die Suchleiste in die Mitte setzen, aber das geht irgendwie nicht. Ist das grundsätzlich nicht möglich oder habe ich da nur etwas übersehen oder verstehe ich etwas nicht??
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.612
    #2 barbara, 11. Juli 2018
    Zuletzt bearbeitet: 12. Juli 2018
    Willkommen im Forum.

    Dazu müsste man den shop sehen.
    ich tippe auf
    Code:
    @media (min-width: 768px)
    #search.collapse {
        padding-top: ??px;
        padding-bottom: ??px;
    }
    Die Fragezeichen müssen durch passende Werte ersetzt werden.

    eigenes css trägt man im Style Editor ein, indem man seinen Style zum Bearbeiten öffnet und, noch einmal auf den Namen klickt
    dann erscheint unter dem Namen ein Link.

    Da Du leinen möchtest, kannst Du auch die Konsole im Browser aufrufen.
    Klicke auf die rechte Maustaste und dann auf "Untersuchen" oder "Element Untersuchen"
    (Das geht zumindest bei Chrome, Firefox und Edge.)
    Du siehst ein geteilten Bereich, auf der einen Seite das html und auf der Anderen das css.
    Hier kannst Du testen, was passiert wenn...ohne des es im Shop gespeichert wird.
    Wenn es passt, kannst Du den Code kopieren und in Dein eigenes css einfügen (nur die Überschriften und das, was Du änderst, die Zeilen, die Du nicht änderst, lässt Du weg. Sonst müllst du Dich unnötig zu.
     
  3. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Barbara,

    danke für deine schnelle Hilfe. Wieder was gelernt. wo bekommt man die Infos her, welche Bereiche mit eigenes CSS bearbeiten kann? Habe schon gemerkt, dass ich da noch viel zu lesen und lernen habe.

    LG Thomas
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.612
    Du kannst nahezu alle Bereiche mit eigenes css bearbeiten.
    Es ist aber einfacher und übersichtlicher, nur die zu nehmen, die Du nicht im Style Editor findest.

    Mit der Konsole des Browsers kann Du die auch relativ einfach finden.
     
  5. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Das ist ja ein geiler Trick mit dem Untersuchen. Das habe ich auch noch nicht gewusst. DANKE :)
     
  6. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    Hallo Barbara,

    darf ich noch einmal um deine Hilfe bitten? entweder bin ich zu blöd oder ich habe den Dreh einfach noch nicht raus. Ich habe nun meinen Testshop soweit erstellt, dass man ihn herzeigen kann :) http://testshop.ramo.at.

    Ich würde gerne das Logo zentrieren und habe es nach deiner Anleitung versucht. Aber es hat nicht funktioniert.

    Ich habe im Google auf Untersuchen geklickt. Dann geht das Fenster auf, wo er mir den Code anzeigt. Ich würde jetzt gerne herausfinden, was ich eintippen muss, dass er das Logo zentriert. Habe einiges versucht, aber es geht einfach nicht und nun stellt sich die Frage, ob das überhaupt geht oder ob ich etwas falsch mache?

    Kannst du mir da eventuell noch einmal helfen?
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.612
    Da kommt ein Internal Server Error
     
  8. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    ja, ich weiß leider nicht, woher der kommt. War auf einmal da. Wir haben Artikel eingegeben und nun ist der Fehler da.
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.544
    Danke erhalten:
    11.305
    Danke vergeben:
    1.612
    Eventuell ist im Artikel (z,B, in der Beschreibung) irgend etwas kaputt.
    Kommst Du noch in den Admin?
     
  10. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    ich komm gar nicht mehr auf die Domain. Weder auf die Haupdomain noch auf die Subdomain. Der Admin funktioniert auch nicht. Eine billige index.html mit einem Text baut er aber auf. Sehr komisch
     
  11. Tokri

    Tokri Mitglied

    Registriert seit:
    11. Juli 2018
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    1
    so, jetzt geht er wieder. Es hat sich ein PHP Prozess aufgehängt und der hat die domain lahm gelegt.