swiper - pagination Farbe

[pula]

Hallo,

ich such nun schon seit zwei Stunden herum, aber komm nicht weiter, vielleicht weiß hier jemand die Antwort...
Habe mehrere Unterseiten per Swiper realisiert, funktioniert toll und schaut auch gut aus.
Allerdings habe ich als Hintergrund schwarz. Die pagination-Buttons (also die Punkte unterhalb der Seiten) haben aber per default für die nicht aktiven Punkte scheinbar auch schwarz eingestellt, daher sieht man zwar den (blauen) Punkt der aktiven Swiper-Seite, aber nicht, wieviele Seiten/Punkte es insgesamt gibt. Würde gerne umstellen, so daß die nicht aktiven Seiten/Punkte grau dargestellt werden.
Ich habe mal ein Bild angehängt, das hoffentlich zeigt, was ich meine...

Vielen Dank im voraus,

Pula

[MKeY]

nen kurzen weg kenne ich adhoc nicht.
im tablet-ui ordner in den ordner lib und dann dort die swiper.min.css bearbeiten. nicht optimal aber eine lösung

[setstate]

am besten in deiner css/fhem-tablet-ui-user.css die Klassen

'swiper-pagination-bullet'   CSS class name of single pagination bullet
'swiper-pagination-bullet-active'   CSS class name of currently active pagination bullet

überschreiben. Sicherheitshalber mit "!important"

Code Auswählen Erweitern


.swiper-pagination-bullet {
    background: #444 !important;
}
.swiper-pagination-bullet-active {
    background: #eee !important;
}


[pula]

Super,

vielen DANK für die rasche und unkomplizierte Hilfe, die PROMPT genau das gebracht hat, was ich gesucht habe!!!!

Cheers,

Pula