Inline CSS - wo finde ich die Anweisungen

[ps_newbie]

Immer wieder steh ich auf Kriegsfuss mit Inline CSS. Die heutigen Wordpress-Templates haben oft Inline CSS Befehle. Da kommt man mit der herkömmlichen style.css nirgends hin. Gibt es da irgendwelche Tipps & Tricks, wie man damit umgehen soll/kann?!
Als konkretes Beispiel hab ich nun den Fall, dass ich die Navi-Schrift ändern möchte. Das Template bietet nur die Möglichkeit für die Schrift im Content. Im Inspector sehe ich die Zeile, wo die Font-Family definiert ist. Daneben steht inline: 129.
Wo würde man sowas nun finden?!

 

[dn3d_fanboy]

Du kannst es in der style.css mit !important überschreiben.

Z.B. p {font-family: Arial !important;}

Auch hilfreich:
https://css-tricks.com/override-inline-styles-with-css/

 

[lachender_engel]

Die heutigen Wordpress-Templates haben oft Inline CSS Befehle. Da kommt man mit der herkömmlichen style.css nirgends hin. Gibt es da irgendwelche Tipps & Tricks, wie man damit umgehen soll/kann?!

Kann ich nicht unterschreiben... Aber, wenn Du eh am Theme arbeitest, dann ist meiN Tipp: Mache es direkt richtig! Gehe in den Quellcode, gebe dem Style einen Namen und passen ihn im CSS an.
Dann suchst Du durhc alle Dateien nach dem gleichen Inline Style und ersetzt diesen auch dirrekt durch den Style-Namen. Dann ist es direkt richtig gefixt und zukünftige Änderungen gehen "ruck zuck".

 

[ps_newbie]

in allen Dateien suchen... Das ist es ja. Das ist dermassen gut versteckt, dass ich dies nicht finde. Und ich möchte wissen, ob es dazu eine Logik gibt, in welchem Heuhafen diese Nadel sein könnte.....
Ich würde fürs Leben gern in den Quellcode, aber wo.... Die von inline beschriebenen Stellen find ich schlichtweg nicht. Darum der Post.

 

[dn3d_fanboy]

Um welches Theme geht es denn?

Wenn es um die Navigation geht, hätte ich erstmal die header.php in Verdacht. Dann mal die index.php, page.php und single.php ansehen.

 

[ps_newbie]

Es geht um alle Themes, wo inline css vorkommt. Ich finde nirgends so eine Anweisung. Oder wie würde die aussehen, an einem beliebigen Beispiel?
Man kann von mir aus das Bestseller-Theme "Avada" nehmen. WO ist dort inline versteckt?
In einer header.php steht sowas nirgends. Ich sehe es zumindest nicht.

 

[dn3d_fanboy]

Was ich mir vorstellen kann, ist, dass die Theme-Einstellungen (Farbe, etc.) als Inline-CSS ins Dokument geschrieben werden. Das wird dann über eine PHP-Funktion (functions.php eventuell oder irgendeine inkludierte PHP-Datei) geschehen. Die Änderungen daran nimmst du eben über das Backend vor.

 

[ps_newbie]

irgendeine

DAS ist es! das ungelöste Problem... Und diese Eine such ich.

 

[Myhar]

Ich kann dir nicht sagen welche Datei, aber so könntest du es eventuell finden (auch wenns viel Arbeit ist :/ )
Fügt das Plugin zB "background-image:url( ... )" hinzu, dann das Projekt (abgesehen von den CSS-Dateien) nach background-image durchsuchen. Also nach dem Attribut welches hinzugefügt wird. Die Werte, die hinzugefügt werden (also die url, die eigentliche Farbe, ...) sind eventuell auch nur variabel und so wirst du eher nichts finden.

 

[dn3d_fanboy]

Ich habe mir gerade mal deine Website angesehen, die ja Avada als Theme nutzt. Da ist wirklich sauviel CSS-Code im Dokument hinterlegt.

Frag mal beim Themeersteller nach, ob das so richtig ist, bzw. wie du das reduzieren kannst. Wie bereits beschrieben, vermute ich mal die Themeoptionen hinter dem ganzen Code.

Hier mal zwei Links zum Thema Avadu und Inline-CSS:
https://theme-fusion.com/knowledgebase/theme-options-not-working/

 

[ps_newbie]

Kannst du noch meinen Link entfernen? danke

 

[lachender_engel]

in allen Dateien suchen... Das ist es ja. Das ist dermassen gut versteckt, dass ich dies nicht finde.

Ne, das geht nicht. Nichts ist versteckt.
Nutze z.B Dreamweaver oder eine andere Software um Text in Dateien zu finden. Dann suche nach exakt dem Inline-Style als Textfeld, der Dir in Firebug angezeigt wird. Z.B. nach 'style="color:#FF00FF'. Wenn das im Code hinterlegt ist, dann findest Du es so auch. 110%ig!

Solltest Du auf diesem Wege den Style nicht finden, dann ziehe noch in Betracht, dass der Inline-Style, dynamsich, per jQuery geschrieben wird.

 

[ps_newbie]

Möchte nur mal ein Beispiel sehen von einem x-beliebigen Template.

Auch wenn es dynamisch ist, muss es irgendwo passieren. Also wenn die Font-Family Arial sein soll, dann muss ich dies irgendwo sagen. Ob statisch, oder dynamisch, oder sonst irgendwie.
Die Frage (also das Grundanliegen, wie dieses inline css funktioniert), ist doch schon verständlich ausgedrückt, oder? konkreter kann ich es nicht.

 

[dn3d_fanboy]

Das wird von Theme zu Theme verschieden sein.

Du stellst z.B. in den Theme-Optionen für die Schrift an der Stelle XY die Farbe weiß ein und eine Script im Hintergrund wird das dann wahrscheinlich ins Dokument schreiben.

Wie dieses Script heißt, wie es das genau macht oder wie der Code dazu aussieht, kann man jetzt, ohne das Theme zu kennen auch nicht direkt sagen.

Vielleicht steht es irgendwo in der functions.php, vielleicht aber auch in einem include - Ordner.


Wenn du dir die header.php ansiehst, wird da höchstwahrscheinlich auch nicht das Inline-CSS aus dem Quellcode der Seite, die du öffnest stehen, sondern irgendeine Funktion, die die Angaben von irgendwo "reinholt".

 

[lachender_engel]

Auch wenn es dynamisch ist, muss es irgendwo passieren. Also wenn die Font-Family Arial sein soll, dann muss ich dies irgendwo sagen. Ob statisch, oder dynamisch, oder sonst irgendwie.

Die Information kann z.B. aus der Datenbank kommen und wird dynamisch zusammen gebaut. Als Beispiel. Da findest Du nix im Code. Daher mein Vorschlag der Volltext-Suche in den Dateien.

Die Frage (also das Grundanliegen, wie dieses inline css funktioniert), ist doch schon verständlich ausgedrückt, oder? konkreter kann ich es nicht.

Du willst etwas, was Dir keiner liefern kann, der nicht das Theme kennt.
Wir können Dir nur Anhaltspunkte geben, wo Du suchen kannst. Aber die Arbeit musst Du schon selber umsetzen!