Child-Theme CSS Anpassungen

Messa

Hallo.

Ich habe gerade ein Child-Theme erstellt.
Es wird im Backend auch angezeigt und ich habe es dort auch aktiviert.

Wenn ich geänderte PHP Dateien in den Child-Theme Ordner lade werden diese auch geladen.
Doch meine style.css funktioniert nicht. Wenn ich dort etwas eintrage ändert sich am Layout nichts.

Vielleicht hat jemand einen Tipp für mich.

Anbei mein style.css aus dem Child-Theme

Code

/*
Theme Name: WP - Child Theme
Version: 1.0
Template: omega
*/


@import url('../omega/style.css');


/**
 * Anpassungen.
 */
 
.block {
    background: #000;
    color:#fff;
}

Alles anzeigen

Liebe Grüße

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

maxe

Eigentlich immer ... aber vorallem bei css IMMER Link zum Blog!

Messa

Leider ist die Webseite mometan nur lokal auf meinem Rechner.

maxe

dann frag ich mal meine Glaskugel ...
...
...

sie sagt, evtl. würde ein !important hinter dem style weiterhelfen:

CSS

.block {
    background: #000 !important;
    color:#fff !important;
}

Und gleichzeitig hat sie sich jetzt schon mal ins Wochenende verabschiedet.

SirEctor

Zitat von Messa

Wenn ich dort etwas eintrage ändert sich am Layout nichts.

Das kann daran liegen, dass im ursprünglichen Stylesheet die Angabe genauer definiert wurde. Wenn dem so ist, hat sie Vorrang.

Ein Beispiel:
#beispiel div.block {.....} hat Vorrang vor .block{....}

Wenn man also manchmal nicht weiß wie es im Original definiert wurde, hilft ein !important, wie maxe geschrieben hat.

Messa

Irgendwie wird nur immer die style.css des Parent Theme geladen.
Habe nun in meiner funktion, dass geschrieben.

PHP

// Load the theme stylesheets
function omega_child_stylesheet() {
        wp_enqueue_style( 'main', get_stylesheet_directory_uri() . '/style.css' );
    }


    add_action('wp_enqueue_scripts', 'omega_child_stylesheet');

Dann klappt es.

Liebe Grüße

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Child-Theme CSS Anpassungen

Jetzt mitmachen!