CSS Formatierung im Childtheme wird nicht erkannt

    Hallo,

    wir haben ein Childtheme zu twentytwelve. Das funktioniert, nun wollten wir die style.css um ein paar Formatierungen für Tabellen ergänzen.

    Diese werden nicht erkannt.

    Ich hatte den Code unten in der style.css angehängt.

    table, th, td, tbody, tr {
    border: 1px solid black;
    border-collapse: collapse;
    }

    Das Theme hatte schon Formatierungen für Tabellen in der style.css vom (Original-)Theme zu table und td mit .entry-content table, td.
    Diese hab ich dann dort entfernt.

    Ich hab im Childtheme auch folgenden Code probiert:
    .entry-content table {
    border: 1px solid #777777;
    border-collapse: collapse;
    padding: 0px 3px 0px 3px;
    }

    .entry-content td {
    border: 1px solid #777777;
    border-collapse: collapse;
    padding: 0px 3px 0px 3px;
    }

    .entry-content tr {
    border: 1px solid #777777;
    border-collapse: collapse;
    padding: 0px 3px 0px 3px;
    }


    Das hat keine Auswirkungen. Woran kann das liegen? Eine wilde Vermutung ist:
    Die Childtheme style.css enthält recht weit vorne: <?php
    aber der zugehörige ?> fehlt.

    danke und LG

    • 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

    Zitat von Josua777


    Eine wilde Vermutung ist:
    Die Childtheme style.css enthält recht weit vorne: <?php
    aber der zugehörige ?> fehlt.

    Nach welcher Anleitung habt ihr das Child-Theme denn erstellt? Sicher, dass das überhaupt funktioniert?

    In eine CSS Datei gehören nie PHP Tags. Weder am Anfang, noch am Ende. Versuch die mal komplett zu löschen.

    Werden die Regeln denn generell in den Entwickler-Tools angezeigt?

    Ansonsten ist bei solchen Fragen ein Link zur Seite zumindest (sehr) sinnvoll.

    Zitat von Josua777


    Das Theme hatte schon Formatierungen für Tabellen in der style.css vom (Original-)Theme zu table und td mit .entry-content table, td.
    Diese hab ich dann dort entfernt.

    Wieso das? Sinn und Zweck eines Child Themes ist es, dass am Theme selbst nichts verändert wird.

    Ansonsten die Frage von Daniel: Wie wurde das Childe Theme erstellt?

    danke euch schonmal... ich komme erst später dazu, das zu testen, ob es am php-tag liegt.

    Also, das childtheme funktioniert. Andere Anpassungen im Childtheme funktionieren. Wenn ich die style.css vom Childtheme umbenenne, sieht das Design der Seite dann auch entsprechend schlimm aus ;-)
    Also gehe ich davon aus, dass die Einbindung passt.

    edi:
    Die Formatierungen aus dem Theme hatte ich rausgenommen, da die das Design gestört haben. Ich hatte die Tabellenformatierungen dann mit <style> ins html im Wordpress-Editor gepackt. Das ging, das css vom Theme störte dort aber.
    Logischerweise soll das Tabellen-Design nun ins Childtheme.

    Zitat von Josua777

    Wenn ich die style.css vom Childtheme umbenenne, sieht das Design der Seite dann auch entsprechend schlimm aus ;-)
    Also gehe ich davon aus, dass die Einbindung passt.

    Steht da schon so viel drin? Das heißt, die anderen Regeln, die ihr dort hineingeschrieben habt, funktionieren alle?

    Zitat von Josua777


    edi:
    Die Formatierungen aus dem Theme hatte ich rausgenommen, da die das Design gestört haben. Ich hatte die Tabellenformatierungen dann mit <style> ins html im Wordpress-Editor gepackt. Das ging, das css vom Theme störte dort aber.
    Logischerweise soll das Tabellen-Design nun ins Childtheme.

    Das macht aber, wie Edi schon sagt, so eigentlich keinen Sinn. Die Dateien des Parent-Themes werden eigentlich nie angefasst. Wenn im Parent-Theme CSS Regeln vorhanden sind, die man nicht haben möchte, wird das CSS dann entsprechend im Child-Theme einfach überschrieben. Dei Regeln im Parent-Theme bleiben dabei erhalten.

    nabend... es stehen einige Sachen zu header und side-bar im Childtheme, so wie es für mich aussieht (meine Frau hat das vor Jahren bearbeitet und seitdem lag es da so und hat eigentlich das gemacht, was es sollte ....). Bei den Entwicklertools im Browser sieht man, dass die style.css vom Childtheme geladen wird.

    Die Veränderungen am Parent-Theme hatte ich gemacht, weil die Deklarationen dort die Tabellen-Formatierungen im html mit <style> überschrieben hatten.

    Das php-tag hab ich rausgenommen, hat keinen Unterschied gemacht.

    Macht es Sinn, den Inhalt der style.css vom Childtheme hier reinzukopieren? Ist das OK und wegen der Sicherheit unbedenklich?

    danke

    Moin,
    ich hatte gestern abend eine Antwort geschrieben, die musste anscheinend noch moderiert werden. EDIT: Diese Antwort funktioniert, lag evtl daran, dass ich "Erweitert" geclickt hatte.

    Also die Entfernung des php-tags hat nichte gebracht.

    Macht es Sinn, den Inhalt der style.css hier reinzukopieren, wenn das OK und wegen der Sicherheit unbedenklich ist?

    Die Datei .../mytwentytwelveextensions/style.css enthält grobe Fehler, bitte erstmal beheben:

    1. Entferne den doppelten Kommentaranfang [COLOR=#ff0000][FONT=courier new]/*[/FONT][/COLOR] in Zeile 1

    2. Entferne [COLOR=#ff0000][FONT=courier new]<?php[/FONT][/COLOR] in Zeile 11

    3. Entferne den (übrigens fehlerhaften) PHP-Code in Zeile 45-49

    Code
    /*-- Das ist der Code um PHP anzuzeigen --*/
add_filter(widget_text, php_ausfuehren, 99);
function php_ausfuehren($text) {
}    
}

    4. Ergänze am Ende der Datei nach dem Block "Silbentrennung deaktivieren" in Zeile 120 das fehlende [COLOR=#ff0000][FONT=courier new]}[/FONT][/COLOR]

    Einmal editiert, zuletzt von b3317133 (14. November 2017 um 11:48)

    ok... das funktioniert. Dank Euch vielmals!!!!

    Zu meinem Verständnis: war es das "in Zeile 120 das fehlende [COLOR=#ff0000][FONT=courier new]}"[/FONT][/COLOR] , das dazu geführt hat, dass alles was nach dieser Zeile kam nicht richtig ausgeführt werden konnte?[COLOR=#ff0000][FONT=courier new][/FONT][/COLOR]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden