Carousel dem Rahmen anpassen!

    Einen wunderschönen guten Abend allerseits,

    ja Ich bins nochmal. Meine neue Frage lautet wie folgt: Kann Ich das Carousel via CSS dem Rahmen anpassen?

    Ich habe heute eine Hauptseite bearbeitet und dort fügte Ich im Container einen Carousel ein. Dem Carousel verpasste Ich via CSS runde Ecken und einen Rahmen (ja es ist ein Wunder, denn dieses mal habe Ich es ganz allein geschafft / war ja auch nicht allzu schwer). Links vom Carousel ist der Rahmen und die runden ecken noch zu sehen, wechselt das Carousel jedoch die Seite, dann ist der Rahmen und die runden ecken Rechts nicht mehr zu sehen.

    Es muss doch möglich sein, dies so anzupassen. Leider bin Ich da mit meinem Latein wieder am Ende. Freue mich schon auf eure Antworten.

    MfG Manfred

    Hallo,

    was, wie und wo genau hast du denn eingefügt?

    Wenn ich z.B. "border: 4px white solid; border-radius: 8px;" beim Widget Carousel im Inline-CSS einfüge, funktioniert das (auch nach dem Bildwechsel).

    Gruß
    Jochen

    Hallo Jochen,

    vielen Dank für die Antwort.

    Ich habe es auf der jeweiligen Hauptseite bei Mobile Script eingesetzt. Zuvor hatte Ich den Befehl über dem Inline-CSS eingefügt. Das Carousel hatte zwar den weißen Rahmen gehabt (auch runde Ecken), allerdings hatte das Bild noch seine eckige Kanten gehabt. Deshalb fügte Ich den CSS-Befehl beim Mobile Script ein.

    MfG Manfred

    Hallo Manfred,

    dann mache es doch mal so:

    Unter Website > Einstellungen > CSS, folgendes einfügen:

    CSS
    <style>
.carouselmitrahmen .zp13carousel-viewport {
border: 2px solid white !important;
border-radius: 25px; !important;
}
</style>

    Im Widget Carousel, dann unter "Mehr" in der CSS-Klasse, folgendes einfügen: carouselmitrahmen

    Die Angaben im Code, dann halt noch nach deinen Wünschen anpassen.

    Gruß
    Jochen

    Hallo Jochen,

    vielen Dank für die Antwort.

    Dein Tipp hat mir sehr geholfen. Eigentlich sollte dieser CSS-Befehl nur auf einer einzigen Hauptseite zugreifen, daher habe Ich den Befehl unter Mobile Script (Attribute) eingefügt. Der Rahmen umfasst jetzt den ganzen Carousel. Ich probiere später mal den Befehl auch bei Mobile Script einzusetzen. Vielleicht greift da auch der neue Befehl. Werde dann dazu nochmal eine Rückmeldung abgeben.

    Edit: Rückmeldung - Soeben konnte Ich den CSS-Quellcode auch bei Mobile Script erfolgreich einsetzen.

    MfG Manfred

    Hallo,

    das mit dem Mobile Script kannst du dir in diesem Fall komplett sparen.

    Du vergibts einfach dem dementsprechenden Carousel, das den Rand haben soll, die Anweisung durch die CSS-Klasse, woher dieser "eine" Artikel/Widget seine Information beziehen soll.

    Alle anderen Widget Carousels, die keinen EIntrag in der CSS-Klasse haben, greifen auf die "Standard-CSS-Klasse" zu.

    Ich hoffe du verstehts das Prinzip,oder :?:

    Gruß
    Jochen

    Hallo Jochen,

    klar verstehe Ich das Prinzip. Bei dem normalen CSS-Fenster stehen nur zu viele CSS-Quellcodes, daher setze Ich einige CSS-Quellcodes die nur für eine bestimmte Hauptseite greifen soll, über Mobile Script ein.

    MfG Manfred

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden