Artikelbreite anpassen

  • Hallo zusammen,

    wir nutzen die ZP Business Version 16.5 mit dem Layout "Stripe reponsive".

    Ich habe folgendes Problem:

    Oberhalb meines Widgets (mit Dank von Mario gedownloaded-> WZP Bild Hover1904) einen Artikel als "Überschrift eingefügt. Dieser soll einen grauen Hintergrund und eine weiße Schriftfarbe haben.

    Ich kämpfe mit den Spaltenbreiten. Das WIdget beinhaltet ein Bild, welches schmaler dargestellt wird als Artikel darüber.

    Über Inline CSS "margin-left", habe ich die linke Seite bündig bekommen, RECHTS will das nicht so funktionieren. (siehe Foto)

    So sieht mein Inline CSS aus: margin-left: 20px; margin-right: 30px

    den Wert rechts habe ich schon in sämtlichen Werten ausprobiert.

    Ursprünglich hatte ich das Problem, dass 3 Bilder nebeneinander mit entsprechender Überschrift platziert war. Als in der Vorschau das Browserfenster von Bildschirm auf Laptop gezogen wurde, sind die Bilder nicht mehr in einer Höhe positioniert gewesen, da die Texte mehrzeilig wurden durch die Bildschirmgrößen Anpassung.

    Wäre cool wenn jemand eine einfache Antwort für mich hätte... evtl. habe ich auch den komplett falschen Ansatz?

    Danke Grüße Tim

    P.S. Kenne mich weder in ZETA noch in anderen Programmierdingen aus...

  • Hallo Tim,

    dieses Widget arbeitet unabhängig vom ZP-Grid-System mit einer anderen Logik.

    In ZP werden die Artikel skaliert bevor bei einer vorgegebenen Bildschirmbreite der Umbruch statt findet. In dem Widget wird umgebrochen sobald nicht mehr alle Artikel in voller Breite auf die Seitenbreite passen. Erst bei Einspaltig werden die Artikel skaliert. Daher die Verschiebungen.

    Eröffne bitte ein Thema dazu im entsprechenden Forum, dann kann ich dir sicher etwas basteln.

  • Wenn Du einzeln die Widgets anlegst funktioniert es, also sprich 3 mal das Widget nebeneinander

    Gruß Markus

  • Vielen Dank ihr zwei für eure Sonntagliche, schnelle Antwort!!!

    Ich habe es hinbekommen!

    BESTEN DANK

    Grüße Tim

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!