Website Logo (SVG) in Firefox nicht sichtbar

    Hallo zusammen, ich habe das Problem, dass auf der Website plankundplank.de im Browser Firefox das Logo nicht angezeigt wird. Es ist alles aktualisiert und auf dem neuesten Stand (WordPress/Plugins/Browser). Ich habe Die Website mit WordPress.org und dem Elementor Page Builder gebaut. Für den Header habe ich das Plugin "Elementor Header & Footer Builder" benutzt. Das Logo ist im SVG-Format und soll möglichst aufgrund der Schärfe beibehalten werden. Hat jemand eine Idee, was ich tun kann?!

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Ersetze den im Element des Logos offenbar manuell eingefügten Code

    Code
    .elementor-widget-image a{display:inline-block}


    durch

    Code
    .elementor-widget-image a{display:block}


    oder

    Code
    .elementor-widget-image a{display:inline}


    oder entferne diese Regel ganz.

    Danke für die schnelle Antwort!
    Wo genau trage ich denn den Code ein – denn ich habe dazu gar keinen Code manuell eingefügt. Kann ich das innerhalb der WordPress-Installation machen?

    Dieser CSS Codeblock ist gemeint, evtl. sind es auch Einstellungen in Elementor für dieses Element:

    Code
    <style>/*! elementor - v3.7.2 - 21-08-2022 */
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style>                                                    <a href="https://plankundplank.de/home/">
                            <img width="500" height="92" src="https://plankundplank.de/wp-content/uploads/2021/10/PP_Logo.svg" class="attachment-full size-full" alt="logo plankundplank design" loading="lazy" />                                </a>

    Es sind sehr sicher Code-Einstellungen von Elementor – ich ab nur leider keinen Schimmer wie ich da drankomme um den Code zu verändern?!? Muss ich dafür mit FileZilla in den wp-content-Ordner beim Hoster gehen um dort den Code zu ändern?

    Vermutlich musst Du die Einstellungen für dieses Element in Elementor bearbeiten. Wende Dich an die Person, die diesen Website mit Elementor erstellt hat, die sollte Dir zeigen können, wie Elementor funktioniert und wo Du die Einstellungen für dieses Logo Element findest.

    Zitat von meisterleise

    Über welches Widget ist das Logo eingebunden – Logowidget (über das Themelogo) oder als Bild-Widget?

    Das Logo habe ich in Elementor > Website-Einstellungen > Webstite-Informationen hochgeladen (Logo der Website) und mit Bild-Widget positioniert. Es ist ein SVG in 500 x 92 px.
    (Ich meine ich hätte es ursprünglich über den WordPress Customizer (Header Builder) hochgeladen. Dann habe ich mich aufgrund des speziell gewünschten Headers für das Plugin "Elementor Header & Footer Builder" entschieden. Seitdem ist das Logo lediglich bei den Website-Informationen im Elementor geladen?!)

    Zitat von meisterleise

    Vermutlich hast du in dem Bild-Widget für das Logo Prozentangaben für Breite und/oder Höhe angegeben? Das mag FF nicht. Falls ja, ändere es in px Werte.

    DANKE!!!
    Perfekt – das war's! :D Das war eine sehr hilfreiche Antwort! Vielen, vielen Dank – da wäre ich im Leben nicht drauf gekommen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden