Eigene CSS funktioniert nicht

    Hallo Community,

    trotz Suche nichts gefunden, also neuer Beitrag: ich kämpfe gerade mit der CSS auf meinem Blog http://www.mobile-studien.de. Ich verwende das Mantra-Theme und habe auf drei Seiten jweils eine Tabelle angelegt. Jetzt würde ich gerne die Tabelle so gestalten, dass automatisch abwechselnde Hintergrundfarben angelegt werden, so wie ich das manuell auf http://mobile-studien.de/marktanteile-betriebssysteme/ bereits ausprobiert habe.

    Mit <style type="text/css">

    tr:nth-child(odd) {
    background: whitesmoke;
    }
    tr:nth-child(even) {
    background: white;
    }
    </style>

    klappt das prinzipiell auch wunderbar - im Web-Editor Expression Web. Sobald ich das Ganze aber auf der Seite live stellen will, wird es nicht umgesetzt...Zunächst hatte ich den Code OHNE die style-tags über den Wordpress-internen Editor in die globale CSS eingefügt, trotzdem wird es nicht umgesetzt...keine Ahnung warum, muss der Code an einer bestimmten Stelle stehen? Muss ich andere CSS-Informationen deaktivieren?

    In der globalen CSS findet sich folgender Block:

    table, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    }

    Ich hab "meine" CSS-Infos darunter geschrieben, integriert, das Original deaktiviert und nur meine drin stehen lassen - alles ohne Erfolg. Selbst wenn ich die "0"-Werte verändere verändert sich auf der Live-Seite nichts...bin ich dann überhaupt in der richtigen CSS-Datei??? Aber der interne Editor sollte mir ja doch die richtige zur Verfügung stellen...

    Ich hatte sogar versucht die CSS-Infos direkt mit auf die Seite zu schreiben, aber auch das funktioniert nicht, was auch klar ist, weil die Infos dann im Body stehen und nicht im Head...kann ich die CSS-Infos direkt in den HTML-Code für die Tabelle schreiben? (So ähnlich wie man style-Infos bspw. für Links ja auch direkt angeben kann...) Ich habs versucht, aber das war eher trial&error weil ich nicht genau wußte WIE ich das integrieren solle, hat natürlich auch nicht funktioniert, würde das prinzipiell gehen?

    Ich bin einigermaßen ratlos warum es über die globale CSS + dem internen Wordpress-Editor nicht funktioniert...Tipps, Tricks, Feedback, Hilfe???

    Vielen Dank!

    • Gerade eben
    • Anzeige

    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

    Das liegt wohl am Browsercache ;) Der lässt sich überlisten indem du ihm vorgaukelst du würdest eine andere Version der CSS ausliefern... Ruf mal deine CSS so auf

    PHP
    <link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/style.css?v=<?php echo rand(1,100); ?>" />

    Wenn du mit der Testerei fertig bist, kannste ab dem Fragezeichen wieder alles löschen.

    ...ganz doofe nachfrage, wo genau müsste ich den PHP-Code einfügen?

    Wenn es am Browsercache liegt müsste das doch auch über "Strg+F5" bzw. einem zweiten, alternativen Browser funktionieren, der die Seite bisher noch nicht geladen hatte?

    Deine Selectoren können nicht greifen, weil du vorher schon spezieller Hintergrundfarben vergibst, es wäre sinnvoll deine CSS dahingehend mal aufzuräumen. Das am Ende deiner CSS eingefügt sollte den von dir gewünschten Effekt bringen.

    Code
    #content tr:nth-child(odd) {
background: whitesmoke;
}
#content tr:nth-child(even) {
background: white;
}
#content td {
     background: none;
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden