Hallo zusammen, ich bin seit Mai in diesem Forum und lese aufmerksam fast jeden Beitrag. Meinen Shop "Feines Tröpfchen" versuche ich, möglichst mit Bordmitteln zu konfigurieren. Jetzt bin ich aber auf ein Problem gestoßen, dass ich alleine nicht lösen kann . Der Shop ist noch nicht live, deshalb nur ein Screenshot. Ich hoffe sehr auf eure Hilfe. Problembeschreibung: Ich habe einen Slider und darunter 4 Bilder. Ich hätte gerne das erste Bild bündig unter dem Slider. Im Screenshot kann man das Problem gut erkennen. Gambio Version: 3.5.3.0
Idee = CSS Werte anpassen Warum keiner helfen kann? Weil man auf Fotos dein CSS nicht sieht Designfehler benötigen zu 98% immer nen Link damit man deinen QUellcode sehen kann und dir damit den Schnipsel CSS geben kann oder sieht wo der Fehler wirklich herkommt
Hallo Dennis, ich habe den Shop online gestellt. (Link nur für registrierte Nutzer sichtbar.) Vielen Dank.
Das Problem ist das bei den Gridspalten dort ein padding-left mit 15px ist. Das müsste man für diese Zeile aufheben, also überschreiben. Also innerhalb der class="row space-12" das class="col-xs-12 col-sm-3" ohne padding left eingeben. damit die Billder dann wieder verteilt und auch rechts bündig sind evtl. dann paar pixel breiter / großer darstellen. Kannst das CSS oder brauchst fertigen schnipsel?
Also am Desktop sollte das hier passen. Mobile hab ich aber nicht getestet Code: .row.space-12 { margin-right: -35px; } .row .col-sm-3 { padding-left: 0px; } Damit schieben wir einmal die Reihe nach Links und korigieren den rechten Abstand damit es Rechts bündig bleibt. Muss man aber wie gesagt noch testen da es auch auswirkungen auf andere Bereiche haben könnte wo die Klassen verwendet werden.
Hallo Dennis, ich bin erst jetzt dazu gekommen, es auszuprobieren. Es passt wunderbar. Vielen Dank für deine schnelle Hilfe.