Zeilen einfärben

cele4

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…l-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.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

b3317133

Könnte man über ein kleines Script und etwas CSS lösen, wo/wie auch immer man das dann in die Seite einbindet:

Code

<style type="text/css">
table.dataTable tbody tr.my-result-W { background-color: #8f8; }
table.dataTable tbody tr.my-result-L { background-color: #f88; }
table.dataTable tbody tr.my-result-D { background-color: #fc8; }
</style>
<script type="text/javascript">
jQuery(document).ready(function($) {
    $('table#DataTables_Table_6 tbody tr').each(function(idx) {
        $(this).addClass('my-result-'+$(this).find('td').eq(7).text());
    });
});
</script>

Alles anzeigen

Mit WordPress an sich hat sowas aber eher nichts zu tun.

cele4

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

b3317133

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.

cele4

Habe das jetzt folgendermassen gelöst:

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

SirEctor

Statt backgrounColor nimmst du fontWeight. Google hilft dir da auch weiter

cele4

Hab ich auch gesucht, aber wenn man nicht genau weiss nach was suchen....
klappt aber nicht

cele4

Konnte nun alles so einbauen wie ich mir das vorstellte.
Thread kann geschlossen werden.

Danke SirEctor für den entscheidenden Hinweis.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zeilen einfärben

Jetzt mitmachen!