Farben werden im Elementor Editor korrekt angezeigt, aber nicht auf der Website

(@jasontv)

Hallo alle zusammen,

ich habe seit einiger Zeit ein Problem bei WordPress, wobei die Farben im Elementor Editor korrekt angezeigt werden, jedoch auf der Website nicht korrekt angezeigt werden. Ich weiß nicht, ob der Fehler bei Elementor, einem anderen Plugin oder WordPress liegt.
Wenn ich die Farbe von Text, Buttons oder ähnlichem ändere, wird trotzdem auf der Website eine andere globale Farbe angezeigt. Diese ist bei den Elementen immer gleich und kann nicht verändert werden, egal welche Farbe man im Elementor Editor einstellt.

Ich habe die Website bei Strato gehostet und diese vor Kurzem umgezogen, indem ich die Dateien und die Datenbank kopiert habe und in einem anderen Paket neu eingefügt habe. Es könnte sein, dass es auch etwas damit zu tun hat, da das Problem davor noch nicht aufgetreten ist, sondern erst nach dem Umzug beim Erstellen von neuen Elementen. Vielleicht sind dadurch irgendwelche Versionen durcheinander gekommen?
Die verwendeten Plugins könnt ihr ja dem Zustandsbericht entnehmen. Bei WP-Optimize habe ich auch den Cache mehrmals geleert, das hat aber keine Auswirkung gehabt. Ich habe es auch mit verschiedenen Browsern versucht, daran liegt es aber nicht, da die Website bei allen Browsern falsch angezeigt wird.
Hier der Website-Zustands-Bericht:

` wp-core

version: 6.6.1
site_language: de_DE
user_language: de_DE
timezone: Europe/Berlin
permalink: /%category%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 1
dotorg_communication: true wp-paths-sizes

wordpress_path: /mnt/web605/e2/82/553184982/htdocs/STRATO-apps/wordpress_01/app
wordpress_size: loading…
uploads_path: /mnt/web121/e0/32/5680832/htdocs/STRATO-apps/wordpress_01/app/wp-content/uploads
uploads_size: loading…
themes_path: /mnt/web605/e2/82/553184982/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes
themes_size: loading…
plugins_path: /mnt/web605/e2/82/553184982/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins
plugins_size: loading…
fonts_path: /mnt/web121/e0/32/5680832/htdocs/STRATO-apps/wordpress_01/app/wp-content/uploads/fonts
fonts_size: loading…
database_size: loading…
total_size: loading… wp-dropins (1)

advanced-cache.php: true wp-active-theme

name: Hello Elementor (hello-elementor)
version: 3.1.1
author: Elementor Team
author_website: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
parent_theme: none
theme_features: core-block-patterns, widgets-block-editor, menus, post-thumbnails, automatic-feed-links, title-tag, html5, custom-logo, editor-style, align-wide, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider
theme_path: /mnt/web605/e2/82/553184982/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes/hello-elementor
auto_update: Aktiviert wp-themes-inactive (1)

Twenty Twenty-Four: version: 1.2, author: Das WordPress-Team, Automatische Aktualisierungen aktiviert wp-mu-plugins (2)

Health Check Troubleshooting Mode: author: (undefined), version: 1.9.2
WordPress automation by Installatron: author: (undefined), version: (undefined) wp-plugins-active (8)

Elementor: version: 3.23.4, author: Elementor.com, Automatische Aktualisierungen aktiviert
Health Check & Troubleshooting: version: 1.7.1, author: The WordPress.org community, Automatische Aktualisierungen aktiviert
Limit Login Attempts Reloaded: version: 2.26.12, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen aktiviert
Site Kit by Google: version: 1.132.0, author: Google, Automatische Aktualisierungen aktiviert
Strato Assistant: version: 7.3.0, author: Strato, Automatische Aktualisierungen aktiviert
UpdraftPlus - Backup/Restore: version: 1.24.4, author: UpdraftPlus.Com, DavidAnderson, Automatische Aktualisierungen aktiviert
WP-Optimize - Clean, Compress, Cache: version: 3.4.2, author: David Anderson, Ruhani Rabin, Team Updraft, Automatische Aktualisierungen aktiviert
Yoast SEO: version: 23.2, author: Team Yoast, Automatische Aktualisierungen aktiviert wp-media

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1693
imagemagick_version: ImageMagick 6.9.13-7 Q16 x86_64 18310 https://legacy.imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 128M
upload_max_filesize: 128M
max_effective_size: 128 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 122 MB
imagick::RESOURCETYPE_DISK: 1073741824
imagick::RESOURCETYPE_FILE: 192
imagick::RESOURCETYPE_MAP: 512 MB
imagick::RESOURCETYPE_MEMORY: 256 MB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 0
imagemagick_file_formats: 3FR, 3G2, 3GP, A, AAI, AI, APNG, ART, ARW, AVI, AVS, B, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, C, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, FAX, FILE, FITS, FLV, FRACTAL, FTP, FTS, G, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K, K25, KDC, LABEL, M, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, O, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PS, PS2, PS3, PSB, PSD, PTIF, PWP, R, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCREENSHOT, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMV, WPG, X3F, XBM, XC, XCF, XPM, XPS, XV, Y, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP
ghostscript_version: not available wp-server

server_architecture: Linux localhost 4.18.0-553.el8_10.x86_64 #1 SMP Linux localhost 4.18.0-553.el8_10.x86_64 #1 SMP Linux localhost 4.18.0-553.el8_10.x86_64 #1 SMP
httpd_software: Apache/2.4.61 (Unix)
php_version: 8.2.20 64bit
php_sapi: cgi-fcgi
max_input_variables: 4000
time_limit: 240
memory_limit: 512M
max_input_time: 60
upload_max_filesize: 128M
php_post_max_size: 128M
curl_version: 8.8.0 OpenSSL/3.0.14
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: true
current: 2024-08-07T11:32:32+00:00
utc-time: Wednesday, 07-Aug-24 11:32:32 UTC
server-time: 2024-08-07T13:32:31+02:00 wp-database

extension: mysqli
server_version: 8.0.32
client_version: mysqlnd 8.2.20
max_allowed_packet: 67108864
max_connections: 3000 wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /mnt/web605/e2/82/553184982/htdocs/STRATO-apps/wordpress_01/app/wp-content
WP_PLUGIN_DIR: /mnt/web605/e2/82/553184982/htdocs/STRATO-apps/wordpress_01/app/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 512M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Nicht definiert
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined wp-filesystem

wordpress: writable
wp-content: writable
uploads: not writable
plugins: writable
themes: writable
fonts: not writable
mu-plugins: writable google-site-kit

version: 1.132.0
php_version: 8.2.20
wp_version: 6.6.1
reference_url: https://jasontv.de
amp_mode: no
site_status: not-connected
user_status: not authenticated
verification_status: not-verified
connected_user_count: none
active_modules: site-verification, search-console, pagespeed-insights
recoverable_modules: none
required_scopes:
openid: ⭕
https://www.googleapis.com/auth/userinfo.profile: ⭕
https://www.googleapis.com/auth/userinfo.email: ⭕
https://www.googleapis.com/auth/siteverification: ⭕
https://www.googleapis.com/auth/webmasters: ⭕
capabilities:
googlesitekit_authenticate: ✅
googlesitekit_setup: ✅
googlesitekit_view_posts_insights: ⭕
googlesitekit_view_dashboard: ⭕
googlesitekit_manage_options: ⭕
googlesitekit_update_plugins: ⭕
googlesitekit_view_splash: ✅
googlesitekit_view_authenticated_dashboard: ⭕
googlesitekit_view_wp_dashboard_widget: ⭕
googlesitekit_view_admin_bar_menu: ⭕
googlesitekit_view_shared_dashboard: ⭕
googlesitekit_read_shared_module_data::["search-console"]: ⭕
googlesitekit_read_shared_module_data::["pagespeed-insights"]: ⭕
googlesitekit_manage_module_sharing_options::["search-console"]: ⭕
googlesitekit_manage_module_sharing_options::["pagespeed-insights"]: ⭕
googlesitekit_delegate_module_sharing_management::["search-console"]: ⭕
googlesitekit_delegate_module_sharing_management::["pagespeed-insights"]: ⭕
enabled_features:
adsPax: ⭕
audienceSegmentation: ⭕
consentModeSwitzerland: ⭕
conversionInfra: ⭕
gm3Components: ⭕
privacySandboxModule: ⭕
rrmModule: ⭕
consent_mode: disabled
consent_api: not-detected
search-console_shared_roles: none
search-console_management: owner
pagespeed-insights_shared_roles: none
pagespeed-insights_management: all_admins
search_console_property: none

Website, um die es geht: https://jasontv.de

Hier mal ein paar Screenshots des Problems:

View post on imgur.com

Wenn ich stattdessen auf der Startseite die alten Buttons nicht dupliziere, sondern neue erstelle, so ist auch die Option der Größeneinstellung nicht mehr vorhanden. Trotzdem ist die Farbe auch hier nicht einstellbar:

View post on imgur.com

Ich bin neu hier, falls also etwas fehlt oder ihr noch weitere Informationen benötigt, gerne nachfragen.

Liebe Grüße und danke schonmal im Voraus für eure Hilfe,

Jason

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)

Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Monat, 3 Wochen

Hallo,
ich verwende Elementor nicht, aber bei Elementor kann man unter Werkzeuge > Generell > CSS & Daten neu generieren auf den Button „Dateien und Daten neu generieren“ klicken. Evtl. ist das hilfreich.

Evtl. hilft es auch, wenn du das Plugin WP Optimize deaktivierst.

Noch eine Anmerkung zum Plugin „Site Kit by Google“. Da solltest du prüfen, ob du das Plugin DSGVO-konform einsetzt.

Viele Grüße
Hans-Gerd

Thread-Starter jasontv
(@jasontv)

vor 1 Monat, 3 Wochen

Hallo @hage ,

Vielen Dank für deine Hilfe! Ich habe deine Tipps mal ausprobiert, hatte aber leider keinen Erfolg damit. Das Problem blieb weiterhin bestehen.

Bezüglich des Google Sitekits müsste ich mich mal bei Gelegenheit befassen. Ich vermute, dass ich dann noch ein Cookieplugin installieren müsste, da ich ja auch kürzlich noch Google Maps in die Kontaktseite eingebunden habe und das meines Wissens ohne Zustimmung nicht aktiviert sein dürfte.

Liebe Grüße
Jason

Moderator Angelika Reisiger
(@la-geek)

vor 1 Monat, 3 Wochen

Sieh dir dieses Video an und nimm entsprechende Einstellungen hinsichtlich der Farben vor.

Anschließend solltest du noch einmal in den Elementor-Einstellungen -> „Dateien und Daten neu generieren“.

Sind die Probleme dann noch nicht (vollständig) behoben, könntest du „unregister theme.css“ im Theme Hello Elementor (und wieder Dateien und Daten neu generieren) testen, siehe https://elementor.com/help/edit-the-hello-theme-settings/.

In deinem zweiten Screenshot (Startseite) hat der Container, der die Überschrift Jason TV enthält, ein Background-Image erhalten (Gradient/Farbverlauf), das solltest du in den Einstellungen (linke Spalte) für den Container entfernen können.

Deine Kontaktseite enthält 4 Überschriften H1. Die H1 sollte pro Seite nur einmal vorkommen, weitere Infos.

Hinsichtlich DSGVO, Schriften und Skripte findest du auf einer meiner Websites hilfreiche Tipps und Links zu Prüftools.

Thread-Starter jasontv
(@jasontv)

vor 3 Wochen, 2 Tage

Hallo @la-geek ,

Vielen lieben Dank für deine Tipps! Ich habe die mal ausprobiert und dem Video gefolgt, bin auch etwas weitergekommen, jedoch ist das Problem noch nicht vollständig gelöst. Auch „Unregister Theme.css“ hat nur Formate kaputt gemacht, das Problem aber nicht gelöst. Bezüglich den Überschriften: Das werde ich noch ändern, ich habe anfänglich Titel mit standard H1 genommen, damit die Schrift größer und besser leserlicher war. Habe mir aber mal den Link angeschaut und das Grundprinzip verstanden.

Nun was verändert wurde und das bestehende Problem ist:
Ich habe bei der Einstellung von Elementor „Standardfarben deaktivieren“ ein Häckchen gesetzt. Dies hat dazu geführt, dass anfangs rote oder gelbe Schriften und Hintergründe wieder normal mit der gewünschten Farbe angezeigt werden.

View post on imgur.com

Jedoch bestehen Farb und Formatierungsprobleme weiterhin, welche ich bis jetzt noch nicht lösen konnte. Die Farben und Formatierungen sind immer im Elementor Editor korrekt, werden dann aber beim Besuch der Website falsch angezeigt. Hier mal ein paar Beispiele:

View post on imgur.com

View post on imgur.com

Ich habe versucht den Hintergrund des ersten Elements Farblich zu ändern und komplett zu deaktivieren. Dies hatte jedoch keine Auswirkung auf die tatsächliche Anzeige des Hintergrunds. Dieser Farbverlauf blieb mit denselben Farben konstant bestehen. Auch beim neugenerieren der CSS in den Elementor Werkzeugen kamen keine Änderungen zum Vorschein. Auch der Button hat eine ungewollte Hintergrundfarbe, welche man nicht verändern kann.

View post on imgur.com

View post on imgur.com

Hier ist auch nochmal ein Beispiel von der Kontaktseite. Ich habe Flexboxen benutzt, welche die Elemente von Links nach Rechts anordnen sollen. Das wird im Editor auch so angezeigt, auf der tatsächlichen Website aber leider nicht. Auch bei der Bewertung sind die Sterne nicht in der Mitte angeordnet und weitere Formatierungen sind von der Bewertung nicht möglich, wie das linksanordnen, die Umrandung, etc. Auch funktionieren keine individuellen Farben oder Abstände der Social Media Icons.

Ich habe auch mal mit dem Developertool die Elemente untersucht und mir das HTML und CSS angeschaut. Hier ist mir aufgefallen, dass die Farben korrekt gespeichert wurden, diese jedoch von anderen Zeilen, welche ich leider nicht kenne, überschrieben werden, was man an dem durchgestrichenen erkennen kann. Hier mal als Beispiel das Icon. Vielleicht kann jemand damit etwas anfangen und vermuten, woran das Problem liegt.

View post on imgur.com

Vielen Dank für eure Hilfe und noch einen schönen Abend!

Liebe Grüße
Jason

Moderator Angelika Reisiger
(@la-geek)

vor 3 Wochen, 1 Tag

Ich befürchte, ohne dir da über die Schulter schauen zu können, ist es schwierig. Frag doch mal in der FB-Gruppe
https://www.facebook.com/groups/Elementor.Deutsch/?locale=de_DE
nach. Die können dir vielleicht auch lokale Meetups für Elementor nennen. In deiner Stadt findet heute Abend um 19:00 Uhr eins statt. Google nach
Elementor Meetup (der Name deiner Stadt).

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)

Du musst angemeldet sein, um auf dieses Thema zu antworten.

Farben werden im Elementor Editor korrekt angezeigt, aber nicht auf der Website

Schlagwörter

Themen

Beliebteste Themen

Themen ohne Antworten

Nicht-Support-Themen

Gelöste Themen

Ungelöste Themen

Alle Themen