[talltini]

Hallo zusammen,

ich erstelle gerade eine Wordpress-Seite (Theme: OceanWP / Pagebuilder: Elementor) und habe in einer HTML-Tabelle das Problem, dass der CSS-Code für den Zebrastreifen nicht greift:

.show tr:nth-child(even) {
background-color: #c4c5c4;
}

Kann mir jemand helfen, was ich falsch mache?

Link zur Seite (Website ist noch im Aufbau):

https://dalmatiner-von-orcamou.com/camou/ausstellungen/

Vielen Dank!

Bettina

[Sailor56]

Weil du irgendwo in einem Inline-Style folgendes stehen hast...

.mitglied table th,
table td,
table td,
table tr {
 vertical-align:middle;
 border:none;
 background-color:#dfe2e0 !important
}

Da du aber zusätzlich noch ein Optimierungs-Tool aktiv hast, welches den Quellcode unleserlich macht, kann ich aber nicht sehen, wo du die diese Code eingefügt hast.
Hiermit setzt du für die 'table td' (warum 2mal?) eine Hintergrundfarbe und das auch noch mit !important fest.
Da die 'td' innerhalb deiner 'tr' liegen, wird natürlich tr-Hintergrundfarbe überdeckt durch die td-Hintergrundfarbe.
Um das zu beheben, musst du entweder in obigem Code die beiden Zeilen mit dem 'table td' löschen - oder im 'zusätzlichen CSS' überschreiben durch...

.show table td {
background-color: transparent !important;
}

Als nächstes dann...

.show table tr:nth-child(even) {
background-color: #c4c5c4 !important;
}

in das 'zusätzliche CSS' und dann sollte es klappen.

[talltini]

Hab das Problem dank Deiner Hilfe gelöst Sailor - beim Kopieren ist dann einfach mal "Müll" passiert, aber manchmal sieht man vor lauter Bäumen den Wald ja nicht!

Vielen lieben Dank für die schnelle und unkomplizierte Hilfe!

Bettina