Ergebnis 1 bis 10 von 10

Thema: 5.3 LTS Gallery Pagination formatieren mit CSS

  1. #1
    Contao-Fan
    Registriert seit
    04.03.2010.
    Ort
    CH-Sarmenstorf
    Beiträge
    329

    Standard 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.
    Screenshot pagination.png
    Hat jemand eine Idee?
    Vielen Dank schon mal.
    Grüsse mamboo

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.932
    Partner-ID
    10107

    Standard

    Zitat Zitat von mamboo Beitrag anzeigen
    Ich kann die Klassen nicht ansprechen.
    Was genau meinst du damit?
    » sponsor me via GitHub or Revolut

  3. #3
    Contao-Fan
    Registriert seit
    04.03.2010.
    Ort
    CH-Sarmenstorf
    Beiträge
    329

    Standard

    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.
    Grüsse mamboo

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.932
    Partner-ID
    10107

    Standard

    Was hast du denn versucht?
    » sponsor me via GitHub or Revolut

  5. #5
    Contao-Fan
    Registriert seit
    04.03.2010.
    Ort
    CH-Sarmenstorf
    Beiträge
    329

    Standard

    z.B.
    Code:
    .data-pagination a.active {
    	color:#BB1E10;
    }
    Grüsse mamboo

  6. #6
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    37.932
    Partner-ID
    10107

    Standard

    Du hast "data-pagination" als CSS-Klasse benutzt, das ist aber laut deiner Ausgabe ein Attribut. Ändere .data-pagination auf bspw. nav[data-pagination]
    » sponsor me via GitHub or Revolut

  7. #7
    Contao-Fan
    Registriert seit
    04.03.2010.
    Ort
    CH-Sarmenstorf
    Beiträge
    329

    Standard

    geht leider auch nicht
    Grüsse mamboo

  8. #8
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    7.616
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Link zur Seite wäre sicher hilfreich - wie immer bei CSS-Problemen.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  9. #9
    Contao-Fan
    Registriert seit
    04.03.2010.
    Ort
    CH-Sarmenstorf
    Beiträge
    329

    Standard

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

  10. #10
    Contao-Fan
    Registriert seit
    04.03.2010.
    Ort
    CH-Sarmenstorf
    Beiträge
    329

    Standard

    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.
    Geändert von mamboo (Heute um 19:06 Uhr)
    Grüsse mamboo

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 5 (Registrierte Benutzer: 1, Gäste: 4)

  1. mamboo

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •