Hierarchie - Customizer vs Custom CSS Plugin vs style.css

    Hi,

    ich habe bisherige CSS Änderungen über eine Custom CSS Plugin vorgenommen,

    da bestimmte Befehle in der style.css nicht funktionierten - auch mit !Important.

    Jetzt habe ich gemerkt, dass ich auch im CSS Plugin bestimmte Änderungen wie etwa Seitenbreite ändern

    über z.B. #main oder #html nicht greifen. Aktuell verändere ich das Design über den Customizer.


    Ich würde gerne wissen, ob es in einem Theme bestimmte Hiearchien bezüglich der CSS Änderungen gibt und falls ja wo

    ich diese einsehen und ändern kann?

    • 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

    Die Hierarchie ergibt sich aus der Reihenfolge, in der die einzelnen CSS Teile vom Browser gelesen werden - es gilt dann immer die letzte Anweisung. Es sei denn, dieses Format ist vorher durch !important markiert worden. Dann kann es auch nur durch !important wieder überschrieben werden.
    Einsehen kann man das ganz im Quellcode der Seite, denn hier ist ersichtlich, in welcher Reihenfolge das CSS an den Browser ausgeliefert wird.
    In der Regel ist das 'zusätzliche CSS' das, welches als letztes im Quellcode steht.

    Ich denke, dieses Plugin ist unnötig! Dafür gibt es das 'zusätzliche CSS' im Customizer. Und alles was WP nicht nicht mit laden und ausführen muss (u.A. so ein Plugin) kommt gewiss der Ladezeit zu Gute.

    [FONT=Consolas][COLOR=#888888][COLOR=#222222]Bei mir ist der Customizer-Bereich ziemlich schmal und bersichtlich. Ich kann das Feld nach unten hin vergrößern, aber
    nicht zur Seite. Habs mal mit dem Inspektor untersucht, aber auch keine Lösung gefunden. Wie kann ich den Bereich nach rechts hin vergrößern = mind. verdoppeln?

    #customize-controls .wp-full-overlay-sidebar-content[/COLOR], #customize-sidebar-outer-content[/COLOR] {


    • [COLOR=#C80000]overflow-x[/COLOR]: hidden;
    • [COLOR=#C80000]overflow-y[/COLOR]: auto;


    }
    [/FONT][FONT=Consolas]
    [COLOR=#555555][COLOR=inherit]load-styles.php…r&ver=4.9.2:28[/COLOR][/COLOR]
    [COLOR=#888888][COLOR=#222222].wp-full-overlay-sidebar .wp-full-overlay-sidebar-content[/COLOR][/COLOR] {


    • [COLOR=#C80000]position[/COLOR]: absolute;
    • [COLOR=#C80000]top[/COLOR]: 45px;
    • [COLOR=#C80000]bottom[/COLOR]: 45px;
    • [COLOR=#C80000]left[/COLOR]: 0;
    • [COLOR=#C80000]right[/COLOR]: 0;
    • a, div {...}
    • body {...}


    [/FONT]

    Ja das wär perfekt. Mit dem Inspektor wird die Breite width: ; verändert. Das klappt. Aber wenn ich den Befehl im Customizer oder Custom CSS eingebe, dann passiert nichts.

    So funktioniert das auch nicht.
    Die Änderung(en) muss im Browser gemacht werden - so mache ich das auf jeden Fall und so funktioniert es auch! Ohne Gefahr irgendwas im WP zu zerschießen.
    Wie es bei mir Funktioniert... ich nutze FireFox (Version 58.01 64Bit)! Zu FireFox gibt es eine Erweiterung, die heißt 'Custom Style Script 0.1.2'.
    Mit dieser Erweiterung kann man u.A. das CSS einer beliebigen Seite und somit auch der Admin-Oberfläche von WP ergänzen. Funktioniert ähnlich wie das zusätzliche CSS, nur dass es eben nur im Browser wirksam ist.
    Und so sieht die Eingabe in dieser FF Erweiterung aus...

    Also nur links die URL (bei mir wp-admin lokal) und rechts das entsprechende zusätzlich gewünschte CSS...

    .wp-full-overlay.expanded {
    margin-left: 600px;
    }
    .wp-full-overlay-sidebar {
    width: 100%;
    }

    mag noch etliche andere, vielleicht auch bessre Möglichkeiten geben, aber so funktioniert es bei mir.

    Das Problem ist bloß, dass die Erweiterung zusätzliche Anfrage (Requests) an die Webseite sendet. Bei mir sind das über 15. Dürfte die Ladezeit ein wenig verringern

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden