Gelöst Optische Anpassung von Sonderangeboten im JTL Shop

[neu_dna]

Hallöchen zusammen,
ich tüfftle jetzt schon einige Zeit an einem JTL Shop herum, aber nun steh ich komplett an. Konnte die Lösung weder in einer Dokumentation finden noch hier am Forum.
Wie am Screenshot zu sehen ist, kleben die Bilder von den Sonderangebots-Slider direkt aneinander und das ist weder schön noch angenehm fürs Auge. Ich habe sämtliche CSS Dateien durchsucht und auf gut Glück versucht ein "padding" oder einen weisen Rahmen einzufügen. Aber es hat sich nirgendwo was verändert :/ Leider findet man auch in keiner Doku, wie dieser Sonderangebots-Slider in den CSS Dateien wirklich heißt.
Als zweites möchte ich den Sonderangebots-Slider nicht in voller Breite haben, sondern "boxed". Es schaut irgendwie unmöglich aus, dass der nicht nur aneinander klebt sondern auch noch bis zum Rand geht.

Vielen Dank schon mal vorab für eure Hilfe! Solltet ihr weitere Informationen oder Code-Ausschnitte benötigen, dann will ich die gerne nachliefern.

 

[Tomas]

Hallo neu_dna,

versuch's mal mit:

.owl-carousel .owl-item .article-wrapper{
    padding: 10px;
}

und auf gut Glück versucht ein "padding" oder einen weisen Rahmen einzufügen.

Verwendest du denn die Entwickler-Werkzeuge deines Browsers? Mit F12 kann man diese meist öffnen. Und mit dem mitgelieferten Inspector kann man sich die Elemente im Detail anschauen
Hier mal ein Beispiel:
https://developers.google.com/web/tools/chrome-devtools/

Deine Seite gefällt mir übrigens richtig gut! Ich selber habe auch einen Hund. Sag doch mal Bescheid, wenn dein Shop steht, dann werde ich den gerne mal "austesten" 😉

VG
Tomas

 

[neu_dna]

Vielen Dank! Hat mit deinem Code funktioniert 👍🙂

P.S.: Der Shop ist von meiner Freundin - ich unterstütze sie nur in ihrer Fertigstellung. Ist noch nicht "offiziell" online aber der Livegang steht kurz bevor 😎