Artikelbeschreibung verschoben

Thema wurde von Sportler, 7. Januar 2021 erstellt.

  1. Sportler

    Sportler Aktives Mitglied

    Registriert seit:
    1. November 2020
    Beiträge:
    41
    Danke erhalten:
    0
    Danke vergeben:
    17
    Guten abend alle zusammen und ein gesundes neues Jahr noch. :)

    Ich habe ein kleines Problem und weiß nicht wie ich es lösen soll.
    Ich nutze die Gambio Cloud. Bei mir, wie man auf dem Bild im Anhang sehen kann,
    sind die Bilder in der Artikelbeschreibung zu weit nach oben verschoben
    und ich weiß nicht wie ich die wieder weiter runter in die "normal" Position kriege.
    Vielleicht hat da ja jemand einen Tip für mich.
    Der Fehler tritt bei allen Artikeln auf.
    Vielen Dank
     

    Anhänge:

    • test.png
      test.png
      Dateigröße:
      133,9 KB
      Aufrufe:
      12
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Sieht aus als würde der Header nicht passen, also zu klein sein.
    Da würde ich im Style Editor zuerst nachsehen.
    Header Allgemein und die einzelnen Bereiche.
     
  3. Sportler

    Sportler Aktives Mitglied

    Registriert seit:
    1. November 2020
    Beiträge:
    41
    Danke erhalten:
    0
    Danke vergeben:
    17
    Hm. Wenn ich den Header größer mache, die Höhe steiger, verschwindet noch mehr. Oder hab ich das falsch verstanden ?
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ist denn die Höhe vom Header allgemein etwa so wie die vom Logo und der Suche und dem Warenkorb?
    Das muss zusammen passen.
    Wenn z.B. die Höhe des Logos 50px hat und der Header allgemein 100px, dann könnte es sein, dass der Bereich unter dem Header bis zum Logo rutscht - dann müsste das Logo höher.

    Schau mal hier:
    (Link nur für registrierte Nutzer sichtbar.)
    das ist zwar für den alten Style Editor und das Template, aber die Erklärungen darin passen immer noch und die Lösung ist fast gleich
     
  5. Sportler

    Sportler Aktives Mitglied

    Registriert seit:
    1. November 2020
    Beiträge:
    41
    Danke erhalten:
    0
    Danke vergeben:
    17
    Ich glaube ich bin zu dumm dafür. Hab jetzt viel rumgespielt und ausprobiert. Ich sehe auch wie der Header sich verändert, die innenliegenden Elemente sich verändern. Aber die Artikelbilder (Box) bleibt stumof dort wo sie aktuell ist. Verkleiner ich den Header werden weitere Sachen der Artikelbeschreibung sichtbar. (siehe Bild)
    Ich habe auch versucht das Artikelbild zu verkleinern, dann zieht es aber nur weiter von unten nach oben aber bleibt unter dem Header weiterhin. Entweder hab ich das Tutorial nicht verstanden oder wie am Anfang schon erwähnt, bin ich zu dumm :(

    Edit: Header Höhe ist bei 150 Logo 80, Warenkorb und Suche auch bei 80
     

    Anhänge:

  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ist die Seite online? wenn ja gib mir mal bitte den Link.
     
  7. Sportler

    Sportler Aktives Mitglied

    Registriert seit:
    1. November 2020
    Beiträge:
    41
    Danke erhalten:
    0
    Danke vergeben:
    17
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Der Header scheint zu passen,

    da ist der css-Code:
    body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-width: 320px;
    background: #FFF;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 1.4285em;
    color: rgba(0,0,0,.87);
    font-smoothing: antialiased;
    }

    die rote Zeile stört.
    Wenn der Code von Dir ins eigene css eingegeben wurde, dann bitte die Zeile löschen.
    wenn das nciht von Dir komme, dann helfen wir mal dem eigentlichen Style auf die Beine. Dazu muss das hier:

    Code:
    @media (min-width: 768px){
    body {
        padding-top: 150px !important;
    }}
    im Style Editor ins eigene css.
     
  9. Sportler

    Sportler Aktives Mitglied

    Registriert seit:
    1. November 2020
    Beiträge:
    41
    Danke erhalten:
    0
    Danke vergeben:
    17
    ne da hab ich nichts verändert.
    Hab das mal jetzt ganz am ende eingefügt.
    Dann ist folgendes passiert (siehe Bild)
    inklusive der Fehlermeldung ganz oben.


    EDIT: Line 332 ist die Stelle wo ich das eingetragen habe.
     

    Anhänge:

  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Du hast jetzt im eigenen css ganz unten unter die letzte "}" den Code ab "@media...." eingegeben, ohne das "Code" am Anfang?
     
  11. Sportler

    Sportler Aktives Mitglied

    Registriert seit:
    1. November 2020
    Beiträge:
    41
    Danke erhalten:
    0
    Danke vergeben:
    17
    Natürlich mit dem "code" :D
    Jetzt habe ich das rausgelöscht und es funktioniert.
    Vielen lieben dank vorallem zu so später Stunde noch :)

    Aber woran kann das liegen? Ich hab ja so weiter nichts verändert und das waren alles Standard Einstellungen.
     
  12. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Normalerweise hätte er das @media nehmen sollen.
    Keine Ahnung, warum das bei Dir nicht ging.
    Da wird irgend eine andere Einstellung Nebenwirkungen haben. Vielleicht kann Gambio Dir da mehr sagen.