CSS Code Quelle (index)

    Ich habe momentan Probleme mit der Gestaltung der Website. Das Problem äußert sich wie folgt:


    • Ich möchte mit Hilfe eines Childthemes die Gestaltung verändern, dazu gebe ich den CSS Code in das Childtheme ein und lade es mit Filezilla hoch. Das funktioniert alles noch
    • Wenn ich nun die Seite aktualisiere ist keine Veränderung sichtbar, obwohl der CSS Code im Google Chrome Entwicklertool sichtbar ist
    • Ich denke das der CSS Code welchen ich im Childtheme definiert habe von einem Stylecode überstimmt wird welcher in einer gewissen (index) Quelle definiert ist.


    Frage:


    • Was ist diese (index) Quelle im Detail?
    • Warum sind bei diesem Avada Theme so verdammt viele Styles darüber definiert und nicht über style.css?
    • Wie kann ich die Styles in (index) überschreiben?
    • Kann es sein das die Styledefnitionen, welche in (index) stehen, durch die Themeoptions im Dashboard direkt auf (index) geschrieben werden?


    Ich habe mal ein Screenshot angehängt der das ganze ein bisschen bildlich darstellt.


    Ich hoffe ihr könnt mir da weiter helfen, bei anderen Websiten habe ich gesehen, das so gut wie keine Styles in einer (index) Quelle definiert sind sondern in einer .css Datei.

    Vielen Dank im Voraus!

    • 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

    Morgen

    Es hängt davon ab, wie das Theme programmiert ist.
    Aber wie du schon annimmst, glaube auch ich, dass die Styledefinitionen der Themeoptions direkt, als inline Styles, in den Quelltext geschrieben werden. Und diese inline Styles haben gegenüber ausgelagertem CSS priorität.

    Das macht aber nichts, denn du kannst deinen Styledefinitionen in der style.css mittels "!important" hinter eine höhere Priorität geben.

    LG, pixselig

    Danke das klappt soweit ganz gut! Aber wird das nicht die Ladezeit negativ beeinflussen wenn die Styles aus HTML, Parent Theme und Child Theme geladen werden?

    die html-ausgabe des Quelltextes erfolgt sowieso.
    auch die stylesheets des Childthemes und Parentthemes werden sowieso geladen.
    (Man kann natürlich die style.css des Parentthemes ausschliessen und die styledefinitionen in das Childtheme packen. -> das macht aber ein Update umständlicher und bringt wenig Zeit. Wichtiger ist da schon, dass das stylesheet des Parentthemes nicht mittels "@import" sondern mittels einer Funktion in der functions.php des Childthemes aufgerufen wird. => Aber mal ganz ehrlich: das sind kleine Optimierungen, welche im Vergleich zu einem sinnvollen einsatz von PlugIns etc. kaum eine Auswirkung haben).

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden