Malibu Produktkachel Rand innen enfernen

[ELLAS]

Hallo,

hat jemand eine Idee, wie man den Rand in der Kachel bei Produktlisten entfernt. Das Produktbild wird mir einfach zu klein darsgestellt und der Zwischenabstand ist dadurch auch zu groß.

Ich habe 3 Grids und größer als jetzt, kann es nicht im Editor dargestellt werden, es rutscht dann nur weiter runter wenn ich es vergrößer.





In meinem alten Honeygrid Shop, ging das irgendwie, kann leider nicht in die Template Einstellungen schauen, wegen einem Ajax error und COMPILE ERROR(64): "Cannot redeclare class HubClientKeysApiClient" Fehler.

Da sieht es so aus. So möchte ich es auch gerne.

[ELLAS]

hier kann man es besser sehen.

[KlausK]

Wie es aussieht, hast du das Problem schon selbst lösen können.

Dafür ist mir was anderes aufgefallen, eher beiläufig. Du schreibst in den Produktbeschreibungen:

... ohne Chemikalien oder andere schädliche Substanzen ...

Diese negativ behafteten Begriffe will keine Mutter in ihrem Kopf haben, wenn sie gerade Kleidung für ihr Baby kaufen möchte. Du verstehst?
Selbst der Begriff "Substanzen" wird fast immer mit negativen Attributen assoziiert. Gerade jetzt in den Medien mit Nawalny > giftige Substanz > Nowitschok > Kampfstoff

Schreib das lieber so:

Alle Kleidungsstücke werden aus den besten GOTS-zertifizierten Bio-Stoffen, ökologisch verträglich und hautsympathisch hergestellt.

Ich hoffe es ist dir recht, darauf hinzuweisen

Edit:
Für "ungiftig" gilt dasselbe

[ELLAS]

Hallo Klaus,

nein, ich habe das Problem nicht lösen können. Ich erarbeite das gerade auf einen Testshop, hier der link -> https://test.little-ruby.de/de/shop/...urzarm-Bodies/

Finde leider nur, wie man per css den Rand breiter macht. Auf dem letzten Bild habe ich die Kachel in rot eingefärbt, damit man den breiten Rand besser sieht, von dem ich rede.
Hast du eine Idee, wie man das Bild in der Kachel vergrößern kann, damit es in der Kachel randlos ist, also der rote Abstand links und rechts weg ist? Wenn ich das Bild vergrößer, rutscht es nur weiter nach unten.


Danke für den Tip mit den negativen Wörtern, da hast du vollkommen Recht, bin eigentlich auch dieser Meinung, mit der positiven Verstärkung. Werde ich demnächst ändern. :-)

[KlausK]

Fast hätte ich dich vergessen
Offenbar hast du bereits größere Bilder mit 315x315px hinterlegt.

Wenn ich in den DevTools in der Klasse content-container das padding von 0 15px auf 0 0px setze, kommen die Boxen noch näher zusammen. Das sollte doch reichen, oder?

.productlist-viewmode-grid .product-container .product-tile .inside .content-container {
    display: flex;
    height: 100%;
    padding: 0 0px;
}

Demnach müsste diese Angabe reichen:

.content-container {
    padding: 0 0px !important;
}

[ELLAS]

Hallo Klaus,

ich hatte den Code auch zuvor ausprobiert, allerdings nur mit einer 0.

Jetzt sieht es viel besser aus, vielen vielen Dank