Rand vom Slider zu weit auseinander

Deutsches Forum
1

Nachdem ich die Größe vom Slider auf der Startseite verändert habe, passt der Rand nicht mehr zum Bild. Der Shop ist folgender http://www.assistent-kuechenmaschine.at

Kann mir jemand sagen wo ich das anpassen kann und was geändert werden muss?

Danke!

2

Hallo ga-bwler,

ändere in der oxid.css die Einträge ab Zeile 4143 folgendermaßen ab:

/* --- Promotions Slider ------------------------ */
.promoShadow {
    position: absolute;
    top: 0;
    z-index: 3;
    margin: 0 245px;
}


.shadowRight {
    right: 10px;
}
3

wie soll das dann aussehen? sollen die Bilder so breit sein wie der Slider, oder der Slider so breit wie das Bild?

Wenn der Slider sich den Bildern anpassen soll such in der oxid.css

.oxSlider {
padding: 0 10px;
overflow: hidden;
clear: both;
}
.oxSlider {
position: relative;
margin-bottom: 20px;

und geb ihm eine feste Breite von 430px. Dann musst Du ihn noch positionieren, also zentriert, links, rechts und dann passt das. Oder nehm fotos, die so breit wie der Slider sind.

4

wenn du Firefox hast, installiere dir das Addon “FireBug”,
bei Chrome ist so ein Tool schon eingebaut.

Und den Rest kannst du aus der kleinen Anleitung hier entnehmen:
http://matthiasschuetz.com/firebug-tipps-fuer-das-editieren-von-css-styles