Support » Allgemeine Fragen » Mobile Ansicht und Dark Mode

  • Hallo,
    Ich habe eine Webseite erstellt. Leider ist mir aufgefallen, dass diesesuf meinem Habdy total komisch aussieht und ich manche Bereiche kaum lesen kann.
    Nun habe ich erkannt, dass es daran lag, dass mein Handy die Webseite im Dark Mode angezeigt hat.
    Gibt es eine Möglichkeit die einzelnen Elemente farblich so zu gestalten wie man möchte, wenn der Nutzer in seinem Brwoser DarkMode aktiviert hat?

    Ich habe bisher nur das Plugin WP Dark Mode gefunden, aber dort kann man meines Eissens nach, nicht das fsrblixhe Aussehen einzelner Elemente einstellen. Oder ist dies mit css möglich, wenn ja wie?

    Besten Dank

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.

    Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Thread-Starter Ludwig

    (@sksjkj3)

    Hallo,

    besten Dank für die Antwort. Komischerweise kann ich gerade den ersten Thread nicht bearbeiten, daher hier die Adresse: ludwig-kanzlei.de

    Anbei der Bericht:

    
    ### wp-core ###
    
    version: 6.0
    site_language: de_DE
    user_language: de_DE
    timezone: Europe/Berlin
    permalink: /%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: /home/customer/www/ludwig-kanzlei.de/public_html
    wordpress_size: 51,74 MB (54248227 bytes)
    uploads_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/uploads
    uploads_size: 38,35 MB (40210781 bytes)
    themes_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/themes
    themes_size: 20,16 MB (21138028 bytes)
    plugins_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/plugins
    plugins_size: 78,77 MB (82592246 bytes)
    database_size: 127,38 MB (133562368 bytes)
    total_size: 316,38 MB (331751650 bytes)
    
    ### wp-active-theme ###
    
    name: OceanWP (oceanwp)
    version: 3.3.3
    author: OceanWP
    author_website: https://oceanwp.org/about-oceanwp/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
    theme_path: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/themes/oceanwp
    auto_update: Deaktiviert
    
    ### wp-plugins-active (12) ###
    
    Blog Designer Pack: version: 2.3.2, author: InfornWeb, Automatische Aktualisierungen deaktiviert
    Elementor: version: 3.6.7, author: Elementor.com, Automatische Aktualisierungen deaktiviert
    Elementor Header & Footer Builder: version: 1.6.11, author: Brainstorm Force, Nikhil Chavan, Automatische Aktualisierungen deaktiviert
    ElementsKit Lite: version: 2.6.2, author: Wpmet, Automatische Aktualisierungen deaktiviert
    GDPR Cookie Consent: version: 2.1.2, author: WebToffee, Automatische Aktualisierungen deaktiviert
    Ocean Extra: version: 2.0.2, author: OceanWP, Automatische Aktualisierungen deaktiviert
    Page scroll to id: version: 1.7.5, author: malihu, Automatische Aktualisierungen deaktiviert
    Premium Addons for Elementor: version: 4.9.20, author: Leap13, Automatische Aktualisierungen deaktiviert
    Rank Math SEO: version: 1.0.92.1, author: Rank Math, Automatische Aktualisierungen deaktiviert
    Sticky Header Effects for Elementor: version: 1.4.8, author: Rwattner, Automatische Aktualisierungen deaktiviert
    WP-Sweep: version: 1.1.5, author: Lester 'GaMerZ' Chan, Automatische Aktualisierungen deaktiviert
    WP Maintenance Mode & Coming Soon: version: 2.4.6, author: Themeisle, Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_GD
    imagick_module_version: Nicht verfügbar
    imagemagick_version: Nicht verfügbar
    imagick_version: Nicht verfügbar
    file_uploads: File uploads is turned off
    post_max_size: 256M
    upload_max_filesize: 256M
    max_effective_size: 256 MB
    max_file_uploads: 20
    gd_version: 2.2.5
    gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
    ghostscript_version: 9.27
    
    ### wp-server ###
    
    server_architecture: Linux 3.12.18-clouder0 x86_64
    httpd_software: Apache
    php_version: 7.4.30 64bit
    php_sapi: cgi-fcgi
    max_input_variables: 3000
    time_limit: 120
    memory_limit: 768M
    max_input_time: 120
    upload_max_filesize: 256M
    php_post_max_size: 256M
    curl_version: 7.66.0 OpenSSL/1.1.1n-fips
    suhosin: false
    imagick_availability: false
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 5.7.32-35-log
    client_version: mysqlnd 7.4.30
    max_allowed_packet: 33554432
    max_connections: 500
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content
    WP_PLUGIN_DIR: /home/customer/www/ludwig-kanzlei.de/public_html/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 768M
    WP_DEBUG: false
    WP_DEBUG_DISPLAY: true
    WP_DEBUG_LOG: false
    SCRIPT_DEBUG: false
    WP_CACHE: false
    CONCATENATE_SCRIPTS: undefined
    COMPRESS_SCRIPTS: undefined
    COMPRESS_CSS: undefined
    WP_ENVIRONMENT_TYPE: Nicht definiert
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    
    
    • Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von Ludwig.

    Hallo,
    das sieht für mich so aus, als wenn sich die Bereiche „Kontakt“ und „FAQ“ in die Quere kommen.
    Ich könnte mir vorstellen, dass das Problem mit dem Widgetbereich, den du vermutlich mit Elementor gestaltet hast, zusammenhängt. Ich setze Elementor nicht ein, weil ich fast ausschließlich den Block-Editor verwende. Daher kann ich dir nicht sagen, wie du das Problem mit Elementor lösen kannst, wenn es denn damit zusammenhängen sollte.

    Du wirst mit Fragen zu Elementor hier eher keine Hilfe erwarten können. Ich setze Elementor nicht ein, sondern fast ausschließlich den Block-Editor (Gutenberg).
    Sonst frage am besten mal in der Facebook-Gruppe Elementor Deutsch oder im Support-Bereich von Elementor nach.

    Viele Grüße
    Hans-Gerd

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Mobile Ansicht und Dark Mode“ ist für neue Antworten geschlossen.