Vielen vielen lieben Dank!!
Da die Bilder dauerhaft eingearbeitet werden, habe ich mich für die CSS Variante entschieden.
Ich habe den Pfad geändert und jetzt hat es soweit funktioniert, dass ich zumindest für alle das gleiche Bild habe.
Zitat von
mlweb
Der Pfad ist falsch. Du musst hier ausgehend von der css-Datei einen relativen Pfad setzen. Wie es genau aussieht hängt dann etwas von Deiner Ordnerstuktur ab. Ich gehe jetzt mal vom normalen Aufbau des TAO-Themes aus. Dabei liegt die css-Datei unter files im Ordner tao und dort in einem Ordner css. Die Bilder liegen im Ordner img, wahrscheinlich in einem Unterordner.
Damit css die Bilder finden kann, muss einen Ordner nach oben gegangen werden und erst von da aus kann man in den Order img und weiter in den ensprechenden Unterordner gehen.
Wenn Dein Bild also tatsächlich unter files/tao/img/Bilder/fotolia_89032478.jpg liegt und die fragliche css-Datei (wahrscheinlich custom.css) direkt im Ordner css dann sieht das so aus.
Code:
.rotating-boxes-item-cover {
background-image: url(../img/Bilder/fotolia_89032478.jpg);
}
Eine Veränderung im generierten css-Code ist normal, weil contao aus allen vorhandenen css-Dateien und dem internen css eine neue css-Datei erstellt und diese dann im Ordner assets/css ablegt. Von da aus geht es zwei Ordner nach oben und dann in den ordner files und den entsprechenden Unterordner in dem die Bilder liegen.
Ich hoffe ich habe mich halbwegs verständlich ausgedrückt.
Leider konnte ich :nth-child oder :nth-of-type nicht richtig verwenden, da ich das Bild nur für das Cover der Rotationsboxen haben möchte...
Code:
.rotating-boxes-item-cover:nth-child(1) {
background-image: url(../img/Bilder/fotolia_89032478.jpg);
}
das funktioniert ja nicht, weil ich mich so quasi schon im Element befinde.
Code:
.rotating-boxes-item:nth-child(1) {
background-image: url(../img/Bilder/fotolia_89032478.jpg);
}
wenn ich aber alle Boxen anschreibe, dann habe ich das Bild zwar nur bei der ersten Box, allerdings hinter dem Inhaltselement (man sieht es wenn man mit der Maus drüber fährt und die Animation der drehenden Box abläuft) und nicht im Cover der ersten Box.
Mache ich hier etwas falsch, oder kann es sein, dass es mit nth-child oder nth-of-type nicht funktioniert das Bild nur im Cover anzuzeigen?
Lesezeichen