Social Media Icons im Footer unterschiedliche Farbe
-
Hallo zusammen,
ich habe auf meiner Homepage im Footer die Social Media Links. Auf allen Seiten werden die Icons schwarz angezeigt, nur auf der Neuigkeiten Seite werden sie bunt angezeigt, siehe Bilder anbei.
Woran liegt das? Hier noch der Bericht
### wp-core ###
version: 6.5.4
site_language: de_DE
user_language: de_DE
timezone: +00:00
permalink: /index.php/%year%/%monthnum%/%day%/%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: undefined
environment_type: production
user_count: 3
dotorg_communication: true
### wp-paths-sizes ###
wordpress_path: /var/www/vhosts/moewe-jonathan.de/httpdocs
wordpress_size: 62,54 MB (65578842 bytes)
uploads_path: /var/www/vhosts/moewe-jonathan.de/httpdocs/wp-content/uploads
uploads_size: 107,72 MB (112954710 bytes)
themes_path: /var/www/vhosts/moewe-jonathan.de/httpdocs/wp-content/themes
themes_size: 13,26 MB (13901009 bytes)
plugins_path: /var/www/vhosts/moewe-jonathan.de/httpdocs/wp-content/plugins
plugins_size: 48,65 MB (51016083 bytes)
database_size: 22,48 MB (23576576 bytes)
total_size: 254,66 MB (267027220 bytes)
### wp-dropins (1) ###
maintenance.php: true
### wp-active-theme ###
name: Inspiro (inspiro)
version: 1.8.7
author: WPZOOM
author_website: https://www.wpzoom.com/
parent_theme: none
theme_features: widgets-block-editor, block-templates, automatic-feed-links, title-tag, post-thumbnails, menus, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, editor-styles, wp-block-styles, align-wide, responsive-embeds, custom-header, widgets
theme_path: /var/www/vhosts/moewe-jonathan.de/httpdocs/wp-content/themes/inspiro
auto_update: Aktiviert
### wp-themes-inactive (1) ###
Twenty Twenty-Four: version: 1.1, author: Das WordPress-Team, Automatische Aktualisierungen aktiviert
### wp-plugins-active (3) ###
Cookie banner plugin for WordPress – Cookiebot CMP by Usercentrics: version: 4.3.9, author: Usercentrics A/S, Automatische Aktualisierungen aktiviert
Elementor: version: 3.21.8, author: Elementor.com, Automatische Aktualisierungen aktiviert
Elementor Addons by WPZOOM: version: 1.1.38, author: WPZOOM, Automatische Aktualisierungen aktiviert
### wp-media ###
image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1690
imagemagick_version: ImageMagick 6.9.10-68 Q16 x86_64 2024-01-12 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 8M
upload_max_filesize: 8M
max_effective_size: 8 MB
max_file_uploads: 20
imagick_limits:
imagick::RESOURCETYPE_AREA: 63 GB
imagick::RESOURCETYPE_DISK: 9.2233720368548E+18
imagick::RESOURCETYPE_FILE: 12288
imagick::RESOURCETYPE_MAP: 63 GB
imagick::RESOURCETYPE_MEMORY: 31 GB
imagick::RESOURCETYPE_THREAD: 1
imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, LABEL, 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, 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, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, 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, VIFF, VIPS, VST, WBMP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: not available
### wp-server ###
server_architecture: Linux 3.10.0-1160.118.1.el7.x86_64 x86_64
httpd_software: Apache
php_version: 8.2.19 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 60
memory_limit: 128M
admin_memory_limit: 256M
max_input_time: 60
upload_max_filesize: 8M
php_post_max_size: 8M
curl_version: 7.29.0 NSS/3.90
suhosin: false
imagick_availability: true
pretty_permalinks: true
current: 2024-06-08T05:55:54+00:00
utc-time: Saturday, 08-Jun-24 05:55:54 UTC
server-time: 2024-06-08T05:55:52+00:00
### wp-database ###
extension: mysqli
server_version: 5.5.68-MariaDB
client_version: mysqlnd 8.2.19
max_allowed_packet: 33554432
max_connections: 151
### wp-constants ###
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /var/www/vhosts/moewe-jonathan.de/httpdocs/wp-content
WP_PLUGIN_DIR: /var/www/vhosts/moewe-jonathan.de/httpdocs/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: false
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: writable
plugins: writable
themes: writable- Dieses Thema wurde geändert vor 4 Monaten von Bego Mario Garde. Grund: Formatierung Website-Bericht
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Hast du dir die Website mal in einem anderen Browser oder im „Privaten Modus“ deines Browsers angeschaut? Ich bekomme da nur die schwarzen Icons angezeigt.
Hm, habe es mit Firefox und Edge probiert, auch im privaten Modus. Auf der Beitragsseite (im Menü der Punkt Aktuelles) sind die Icons im Footer bunt bei mir. Auch auf unterschiedlichen Geräten
Stimmt, auf der Seite hast du die Icons in Farbe eingefügt.
Unter Design > Customizer > Widgets kannst du verschiedenen Widget-Bereichen Widget-Blöcke hinzufügen. Hier bearbeitest du Footer 3 (1).
Für den Block Social Icons kannst du unterschiedliche Darstellungen wählen. Dazu musst du den Blockwähler anklicken (2). Im Popup-Fenster muss dann „nur Logos“ (3) ausgewählt werden:Damit ist das Logo aber immer noch farbig. Um die Farbe zu ändern, musst du erst die weiteren Einstellungen anzeigen. Dazu klickst du auf das Kebab-Menü (4) und wählst Weitere Einstellungen (5):
In den Stileinstellungen (6) wählst du unter Farbe (7) die gewünschte Farbe aus (8):
Danke, jetzt sind sie schonmal alle schwarz. Aber auf der Beitragsseite sind die Icons noch größer. Ich finde die bunten Logos wie Sie jetzt auf der Beitragsseite sind ganz gut und möchte sie so eigtl auf dem Rest der Seite haben.
Was ist der Grund, weshalb die Beitragsseite scheinbar andere Logos im Footer nutzt als auf allen anderen Seiten?
- Diese Antwort wurde geändert vor 4 Monaten von menslo.
Das fehlende Styling wird dadurch verursacht, dass eine wichtige WordPress-eigene Style-Datei bei dir nicht mit geladen wird. Außer bei Aktuelles. Warum das so ist, kann ich nicht sehen.
Du hast nur wenige Plugins, hier würde ich vielleicht mal „“Elementor Addons by WPZOOM“ deaktivieren – die anderen beiden sehe ich nicht wirklich als Ursache an. Falls sich das Verhalten dadurch ändert, war dieses Plugin daran Schuld.
Auch könnte dein Theme daran schuld sein. In deren Supportforum hat schonmal jemand so eine Frage gestellt: https://wordpress.org/support/topic/footer-social-icon-color/ – ich kann es bei mir jedoch nicht nachvollziehen.
Oder du versucht die Icons, wie oben beschrieben, selbst einzufärben. Ich bin jedoch unsicher, ob das funktioniert da die nötige Style-Datei nicht geladen wird.
Hm, danke schonmal. Das Plugin scheint nicht schuld zu sein, bei deaktiviertem Plugin lädt es noch immer nicht korrekt.
Es scheint wohl das Elementor Plug in zu sein. Wenn ich das deaktiviere sieht die Seite zwar wie Graus aus, da sie damit erstellt wurde, aber immerhin der Footer ist dann korrekt 🙂
- Diese Antwort wurde geändert vor 4 Monaten von menslo.
Stimmt, kann es bei mir gerade nachvollziehen. Elementor entfernt die benötigte Style-Datei unter verschiedenen Bedingungen. Z.B. wenn die aufgerufene Seite mit Elementor gebaut ist. Das bringt natürlich wenig, wenn man das Styling im Footer auf jeder Seite nutzt ..
Aber es scheint eine Lösung zu geben: geh mal im Backend auf Elementor > Einstellungen > Erweitert und setze dort „Optimized Gutenberg Loading“ auf „Deaktiviert“. Dadurch sollten die Icons wieder richtig angezeigt werden. Dafür solltest Du dir den Rest der Seite anschauen, ob dort alles passt.
Vielen Dank! Jetzt passt es – der Rest der Seite sieht auch gut aus.
- Du musst angemeldet sein, um auf dieses Thema zu antworten.