Wordpress Farben anpassen

vip3r

NGBler
Registriert
15 Juli 2013
Beiträge
74
Hallo zusammen,
ich habe ein komisches Problem mit Wordpress. Ich versuche Hintergrundfarbe, Textfarbe und so weiter anzupassen/ändern. Leider klappt es nicht. Ich verwende derzeit das zeeDynamic Theme, da hat es die Option zum ändern des Hintergrunds. Da kann ich ändern wie ich will, es tut sich nichts. Also ich wähle eine Farbe aus, dann sollte sie doch im rechten Vorschaufenster geändert werden, was es leider nicht macht.
Dann probierte ich "zusätzliches CSS" aus und fügte folgendes ein:
[src=css]#page {
background: #ff80bf;
}[/src]
Auch wieder nichts geändert. Auch bei allen anderen Themes, welche ich probiert habe, dasselbe Spiel. Es lässt sich nichts ändern, was mit CSS zu tun hat. Wie kann ich denn prüfen, das die Berechtigungen richtig gegeben sind, sofern es daran liegen könnte. Etwas anderes fällt mir leider nicht ein.
Vielleicht kennt jemand ja die Thematik und kann mir einen Tip geben :)

Viele Grüße
 
Probier mal den Holzhammer mit dem !important Tag. Damit wird die Priorisierung geändert und ggf. übergeordnete Regeln überschrieben
Falls sich damit was ändert bedeutet es das eine übergeordnete Regel deine Änderung verändert und du an anderer Stelle ansetzen solltest
oder du belässt es bei der Holzhammer Methode

[src=css]#page {
background: #ff80bf !important;
}[/src]
 
  • Thread Starter Thread Starter
  • #3
Hat leider nichts gebracht. Mir scheint, als ob der Customizer hängt, im Firefox Tab steht "Customizer lädt...", dasselbe habe ich bei Chrome allerdings auch. Habe aber den Eindruck, dass da irgendwas nicht richtig ausgeführt wird. Beiträge erstellen und so weiter geht einwandfrei, aber anscheinend nichts mit css...:confused:
 
Ich würde zuerst mal schaun, ob der Container wirklich #page heisst und nicht #page #content oder so. Rausfinden kannst Du das im Browser mit den Entwickleroptionen (F12).
 
  • Thread Starter Thread Starter
  • #5
Es hat leider auch nicht funkioniert. Das CSS läuft nicht mehr. Habe nun mal eine neue Wordpress installation erstellt mit dem selben Theme und siehe da, es geht. In der Test-Installation steht im Browser-Tab auch nicht mehr, dass der Customizer lädt oder so... Schon merkwürdig. Werde mal ein Backup erstellen von der Datenbank und Einstellungen und dann neuinstallieren....blöd...

--- [2021-04-16 12:45 CEST] Automatisch zusammengeführter Beitrag ---

Komische Sache,
ich habe nun eine komplett neue Installation erstellt und soweit getestet. Da klappte alles, also ich konnte den Customizer verwenden und es hat funktioniert. Also soweit so gut, dachte ich.
Habe dann alles schön abgesichert mit einem SSL Zertifikat von Let´s Encrypt und HSTS aktiviert. Zusätzlich folgende Änderungen vorgenommen:
in die .htaccess folgendes eingefügt:

[src=apache]<IfModule mod_headers.c>
Header set Content-Security-Policy "default-src 'self'; img-src 'self' http: https: *.gravatar.com;"
</IfModule>[/src]

Und folgendes in der header.php im <head>-Bereich:
[src=apache]<meta http-equiv="Content-Security-Policy" content="script-src 'self'">[/src]

Folgende PlugIns installiert/aktiviert:
DSGVO Youtube von Eric-Oliver Mächler
Security Headers von Simon Waters
Simple Lightbox von Archetyped
Classic Editor von WordPress Contributors
Brave Payments Verification von Brave Software Intl (deaktiviert)

Akismet Anti-Spam deaktiviert, da ich keine Kommentare oder ähnliches zulasse.

Jetzt kommts aber, es geht kein JavaScript mehr, weder im Adminmenü noch auf der Seite selbst. Das LightBox Plugin hat super funktioniert, jetzt nicht mehr. Auch die Beitragerstellung geht nur über den Classic-Editor.
Dachte zuerst, dass es am Browser liegt, aber im Firefox ist es aktiviert, sowie auch im Chrome.
Ist es möglich, dass durch HSTS und CSP (Content Security Policy) JavaScript verhindert wird? Das sind die einzigsten Dinge die ich neben den Plugins geändert habe. Die Plugins habe ich auch mal alle deaktiviert, aber leider besteht das Problem weiterhin...
Ich schätze, das war bei meiner ersten Installation auch der Fall, konnte es aber da nicht genau eingrenzen.

Kennt Ihr vielleicht das Problem? Habt einen Tip für mich?

Viele grüße :-)
 
Zuletzt bearbeitet:
Schon in der Browserkonsole geschaut, was schiefläuft?
 
vermutlich werden div. scripte vom CDN geladen statt bei dir lokal... Da du scripte nur von deiner Domain erlaubst werden diese geblockt
 
  • Thread Starter Thread Starter
  • #8
Hallo ihr beiden,
also es liegt am csp, habe es in der htaccess und header.php auskommentiert und siehe da, es klappt.
ich verwende keinen CDN, ist bei der kleinen Seite nicht notwendig ????.
Muss mich da mal einlesen und schauen, wie ich das mit dem csp hinbekomme.
 
Du nicht, die Anbieter von diversen Erweiterungen schon um dich tracken zu können...
Wie schon mehrfach hier erwähnt würde man das in den dev-tools (F12) sehen ... Unter Netzwerk.
 
Zuletzt bearbeitet:
  • Thread Starter Thread Starter
  • #10
Hallo,

ich habe die Seite mit den dev-tool geprüft und ja, es kommen Fehlermeldungen, und nicht zu knapp:

[src=apache]Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). contentscript.js:1:118483
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). vf-x.eu:16:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). vf-x.eu:20:1
JQMIGRATE: Migrate is installed, version 3.3.2 jquery-migrate.min.js:2:709
downloadable font: no supported format found (font-family: "Genericons" style:normal weight:400 stretch:100 src index:1) source: (end of source list)
downloadable font: font load failed (font-family: "Genericons" style:normal weight:400 stretch:100 src index:0): content blocked source: data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAADakAA0AAAAAVqwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAA2iAAAABoAAA … XtPxijsr7qy4s+LOijsr7qy0h75rzG6zx+w115l9Zr85YA520l0Wd1ncZXGXxV0Wd1ncZama1x+EcTsAAAAB//8AAnjaY2BgYGQAgosrjpwF0ZcUq9bCaABTzgdAAAA=
downloadable font: font load failed (font-family: "dashicons" style:normal weight:400 stretch:100 src index:1): content blocked source: data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAHvwAAsAAAAA3EgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAA … +raYQmdpQyhq3X375Vc9EZS30pVSoMiV6G5Jm7pcilxK8re9HaWE7llDtzEurqevbqTuhkiXkWFjg8qRoRtx1zUF+U3C+cCEVTbJqvo4z7bz9Ky79Jj1xdzc/wARDj0u
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX.eu:48:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). 2 XXXXXXXXX.eu:57:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX:58:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX:66:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf data:application/x-font-woff;charset=utf… blockiert ("default-src"). 2
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX:73:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX:481:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf data:application/x-font-woff;charset=utf… blockiert ("default-src"). 4
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX:552:1
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf inline blockiert ("default-src"). XXXXXXXXX:556:1
jQuery.Deferred exception: zeedynamic_menu_title is not defined @https://XXXXXXXXX.eu/wp-content/themes/zeedynamic/assets/js/navigation.js?ver=20210324:146:4
e@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:30005
l/</t<@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:30307
setTimeout handler*l/<@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:30516
c@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:28294
fireWith@https://XXXXXXXXXeu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:29039
fire@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:29075
c@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:28294
fireWith@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:29039
ready@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:32012
B@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:31791
EventListener.handleEvent*@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:32160
@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:220
@https://XXXXXXXXX.eu/wp-includes/js/jquery/jquery.min.js?ver=3.5.1:2:225
undefined jquery.min.js:2:31560
Source-Map-Fehler: Error: NetworkError when attempting to fetch resource.
Ressourcen-Adresse: moz-extension://0365445b-3471-47aa-85ec-8b92098a24a1/contentscript.js
Source-Map-Adresse: ../sourcemaps/contentscript.js.map

Uncaught ReferenceError: zeedynamic_menu_title is not defined
<anonymous> https://XXXXXXXXX.eu/wp-content/themes/zeedynamic/assets/js/navigation.js?ver=20210324:146
jQuery 13
navigation.js:146:4
downloadable font: no supported format found (font-family: "Genericons" style:normal weight:400 stretch:100 src index:1) source: (end of source list)
downloadable font: font load failed (font-family: "Genericons" style:normal weight:400 stretch:100 src index:0): content blocked source: data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAADakAA0AAAAAVqwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAA2iAAAABoAAA … XtPxijsr7qy4s+LOijsr7qy0h75rzG6zx+w115l9Zr85YA520l0Wd1ncZXGXxV0Wd1ncZama1x+EcTsAAAAB//8AAnjaY2BgYGQAgosrjpwF0ZcUq9bCaABTzgdAAAA=
downloadable font: font load failed (font-family: "dashicons" style:normal weight:400 stretch:100 src index:1): content blocked source: data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAHvwAAsAAAAA3EgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAA … +raYQmdpQyhq3X375Vc9EZS30pVSoMiV6G5Jm7pcilxK8re9HaWE7llDtzEurqevbqTuhkiXkWFjg8qRoRtx1zUF+U3C+cCEVTbJqvo4z7bz9Ky79Jj1xdzc/wARDj0u
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf data:application/x-font-woff;charset=utf… blockiert ("default-src"). 2 css-logic.js:517:31
Content Security Policy: Die Einstellungen der Seite haben das Laden einer Ressource auf data:application/x-font-woff;charset=utf… blockiert ("default-src"). 4
​[/src]

Habe in der .htaccess folgendes Auskommentiert:
[src=apache]<IfModule mod_headers.c>
Header set Content-Security-Policy "default-src 'self'; img-src 'self' http: https: *.gravatar.com;"
</IfModule>[/src]

Dann erhalte ich keine fehlermeldungen mehr und alles funktioniert. Komischerweise wird aber gar nichts von einer anderen Seite geladen (habe meine Webadresse durch XXXXXXX.eu getauscht).
Ich vermute ich muss das .htaccess anpassen, damit es funktioniert, aber wie genau? Kann ich da nicht sagen, alles was von XXXXXXX.eu kommt ist in Ordnung? Ich mein das ´self´ maht doch genau das, oder?
 
  • Thread Starter Thread Starter
  • #12
klappt nicht, dann erhalte ich wieder alle Fehlermeldungen :-(
 
  • Thread Starter Thread Starter
  • #14
Vielen Dank, das muss ich mir genauer ansehen. Hatte das ganze Thema auch von dort aufgeschnappt, aber diesen thread dort wohl übersehen...
Vielen Dank :-)
 
Zurück
Oben