1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

WP 5.2 Zeilen einfärben

Dieses Thema im Forum "Design" wurde erstellt von cele4, 10. Februar 2020.

  1. cele4

    cele4 Well-Known Member

    Registriert seit:
    23. Februar 2014
    Beiträge:
    139
    Zustimmungen:
    0
    Liebe Cummunity

    Ich habe ein grosses Problem, das ich leider nicht selber lösen kann.

    Auf folgender Seite:
    https://www.handball-hall-of-fame.ch/player/frimmel-sebastian-handball-hall-of-fame/
    in der Rubrik "International" möchte ich die Zeilen der Tabellen einfärben.
    Und zwar folgendermassen:

    Steht in der Spalte -> ein W, soll die Zeile grün sein (win)
    Beim Buchstaben L rot (lose) und bei D (draw) orange.

    Ist das irgendwie machbar?
    Leider geht das via Plugin (Visualizer) nicht, müsste also mit einem CSS Code erstellt werden.

    Herzlichen Dank für die Hilfe.
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    6.744
    Zustimmungen:
    628
    Könnte man über ein kleines Script und etwas CSS lösen, wo/wie auch immer man das dann in die Seite einbindet:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Mit WordPress an sich hat sowas aber eher nichts zu tun.
     
  3. cele4

    cele4 Well-Known Member

    Registriert seit:
    23. Februar 2014
    Beiträge:
    139
    Zustimmungen:
    0
    Herzlichen Dank.
    ich dachte, dass ich hier nachfragen kann, weil es in Wordpress ist. Aber du hast Recht, eigentlich gehört dies in ein anderes Forum.
    Danke trotzdem und ich werde versuchen, diesen Code am richtigen Ort einzubauen, wo immer das sein wird.

    Lieben Dank
     
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    6.744
    Zustimmungen:
    628
    Du verwendest ein kommerzielles Theme, das kann man nicht einfach runterladen und daher kann man nur schwer Tipps geben, wie/wo/ob z.B. der JavaScript-Code auch direkt in entspr. Theme Optionen einfügbar wäre oder ob man ein Child-Theme oder ein eigenes Plugin benötigen würde.
     
  5. cele4

    cele4 Well-Known Member

    Registriert seit:
    23. Februar 2014
    Beiträge:
    139
    Zustimmungen:
    0
    Habe das jetzt folgendermassen gelöst:

    <script type="text/javascript">
    window.addEventListener('load', function() {
    console.log('DOM fully loaded and parsed');
    const tds = document.querySelectorAll('body.player-template-default.single.single-player table.dataTable.visualizer-data-table tbody > tr > td');
    for (var i = 0; i < tds.length; i++) {
    if (tds.innerText === 'W') tds.parentElement.style.backgroundColor = '#9ed7b6';
    else if (tds.innerText === 'L') tds.parentElement.style.backgroundColor = '#f4a6a6';
    else if (tds.innerText === 'D') tds.parentElement.style.backgroundColor = '#f4dda6';
    else if (tds.innerText === 'Total') tds.parentElement.style.backgroundColor = '#a6d4f4';
    }
    });
    </script>

    Wie muss ich den ergänzen, damit die eine Zeile (letzte) eine Fettschrift hat? Das hab ich noch nicht raus gefunden
     
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.006
    Zustimmungen:
    369
    Statt backgrounColor nimmst du fontWeight. Google hilft dir da auch weiter
     
    cele4 gefällt das.
  7. cele4

    cele4 Well-Known Member

    Registriert seit:
    23. Februar 2014
    Beiträge:
    139
    Zustimmungen:
    0
    Hab ich auch gesucht, aber wenn man nicht genau weiss nach was suchen....
    klappt aber nicht
     
  8. cele4

    cele4 Well-Known Member

    Registriert seit:
    23. Februar 2014
    Beiträge:
    139
    Zustimmungen:
    0
    Konnte nun alles so einbauen wie ich mir das vorstellte.
    Thread kann geschlossen werden.

    Danke SirEctor für den entscheidenden Hinweis.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden