Abstände auf der Startseite

Thema wurde von Dominik Sons, 12. Dezember 2017 erstellt.

  1. Dominik Sons
    Dominik Sons Neues Mitglied
    Registriert seit:
    22. Juni 2017
    Beiträge:
    3
    Danke erhalten:
    0
    Danke vergeben:
    2
    Hallo Zusammen!

    Ich bastel nun schon länger an meinem Online Shop. Leider habe ich es bisher nicht geschafft die Abstände auf der Startseite zu ändern. Ich möchte nur einen kleinen Spalt zwischen den Angeboten, Neue Produkte und den Index bzw. freier Inhalt Contenet haben. Bei den oberen 4 Bildern arbeite ich mit "responsive". Vielleicht ist da auch ein Fehler.

    Meine Seite ist sons24.de.



    Wäre Prima, wen mir jemand helfen könnte. :)
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    In Chrome sind Deine Boxen nicht hoch genug,
    Unbenannt-1.JPG Unbenannt.JPG

    Dann hast Du ein
    Code:
    .product-container.flyover .inside {
        min-height: 380px;
    }
    Deine Boxen sind aber nur 200px hoch,

    Das sorgt (unter anderem) für den Abstand zwischen den Bildern und den Überschriften:
    Code:
    .content-page-index {
        margin-bottom: 30px;
    }
    Das Feld unter den Artikeln würde ich erst ändern, wenn die Boxen angepasst sind.
    Eventuell brauchst du den Platz für das Flyover.
     
  3. Dominik Sons
    Dominik Sons Neues Mitglied
    Registriert seit:
    22. Juni 2017
    Beiträge:
    3
    Danke erhalten:
    0
    Danke vergeben:
    2
    Vielen Dank Barbara für Deine Hilfe.

    Also muss ich die 380px auf die eingestellte Höhe der Box nur ändern?
    Kannst Du mir bitte sagen, wo ich die beiden Stellen finde? :rolleyes:
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Jain.
    die Größe sollte schon angepasst sein, damit es keine Fehldarstellungen gibt.
    Wenn die Boxen richtig eingestellt sind, sieht man wie viel Platz du darunter für das Flyover brauchst.
    Es sieht bescheiden aus, wenn sich das über die Bilder oder Text schiebt.

    Ändern kannst Du das im Style Editor unter eigenes css.
    Öffne Deinen Style und klicke einmal auf den Namen des Styles, dann erscheint darunter ein Link.