5.3 LTS Gallery Pagination formatieren mit CSS

Die Seitennavigation in der Galerie sieht komisch (s.Bild) aus und kann nicht mit CSS formatiert werden. Ich kann die Klassen nicht ansprechen.
Anhang 28180
Hat jemand eine Idee?
Vielen Dank schon mal.

Zitat:

---

Zitat von mamboo

Ich kann die Klassen nicht ansprechen.

---

Was genau meinst du damit?

So sieht der Quelltext aus

Code:

---

<nav data-pagination aria-label="Seitenumbruch-Menü">
<ol>
<li>
<a href="#" data-page="1" title="Gehe zu Seite 1">1</a>
</li>
<li>
<a href="#" data-page="2" title="Gehe zu Seite 2">2</a>
</li>
<li>
<a href="#" data-page="3" title="Gehe zu Seite 3">3</a>
</li>
</ol>
</nav>

---

Wie kann ich da einen z.B. a.active formatieren
a.active wird mir mit dem Web-Entwickler Tool angezeigt aber ich kann den nicht formatieren.

Was hast du denn versucht?

z.B.

Code:

---

.data-pagination a.active {
        color:#BB1E10;
}

---

Du hast "data-pagination" als CSS-Klasse benutzt, das ist aber laut deiner Ausgabe ein Attribut. Ändere .data-pagination auf bspw. nav[data-pagination]

geht leider auch nicht

Link zur Seite wäre sicher hilfreich - wie immer bei CSS-Problemen. ;)

Kann ich leider nicht geben, die Site ist noch nicht online.
Hab ganz viele Versionen probiert - nichts geht.

Hab was gefunden

Code:

---

.content-gallery nav[data-pagination] a.active {
        text-decoration:none;
        color:#BB1E10;
}

---

aber die Farbe wird nicht geändert, sollte ein Rotton sein.