Hintergrund lässt sich nicht ausblenden

  • Hey, ich bin am verzweifeln. Auf ******test/babybett/ habe ich mittels CSS versucht den grauen Hintergrund der Bilder auszublenden. Normalerweise klappt das ganz gut, in dem Fall funktioniert es jedoch nicht.

    Folgenden Code habe ich in Verwendung:

    CSS
    .wp-caption { background-color: #ffffff !important;
    border-width: 0px; !important; }

    Was übersehe ich? :confused:

    Einmal editiert, zuletzt von Olaf (12. April 2018 um 11:10)

    • 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

  • Eigentlich müsste dieses CSS funktionieren. Du musst allerdings noch das falsch gesetzte Semikolon in 'border-width: 0px[COLOR=#ff0000];[/COLOR] !important;' entfernen.
    Wo und wie hast du die Formatierung eingefügt?

  • Danke für deine rasche Antwort!

    Bei dem Theme gibt es die Möglichkeit benutzerdefiniertes CSS einzufügen. Selbes Theme, jedoch anderes Projekt läuft alles einwandrei. Der einzige Unterschied ist der Pagebuilder der hier in Verwendung ist.
    Bin definitiv kein CSS Profi, aber sollte mit !important; nicht die Priorität ganz oben liegen?

  • Ja... mit !important setzt du die Priorität der Formatierungsanweisung ganz nach oben. Die kann dann nur durch eine später eingefügte (später im Sinne der Reihenfolge, wie der Browser die Anweisung liest) neue, ebenfalls mit !important priorisierte Anweisung überschrieben werden.
    Auf dem von dir angegebenen Link konnte ich aber deine zusätzliche Anweisung gar nicht entdecken.... deswegen die Frage nach dem wie und wo.
    Dieses zusätzliche CSS ... schau mal hier https://www.youtube.com/watch?v=KJpZT5IkOpc, ob wir von der gleichen Sache sprechen? Das ist eigentlich die richtige Stelle für Änderungen, weil dieser Teil in der Regel als Letztes in Sachen CSS in den Quellcode eingefügt wird und damit auch alles Vorherige überschreibt.
    Ansonsten könnte dein Pagebuilder Teil des Problems sein... aber damit kenne ich mich nun gar nicht aus.

  • Danke für den Tipp. Das vom Theme benutzerdefinierte CSS Feld scheint das gleiche zu sein wie in deinem Video. Jede Änderung wird gespiegelt.
    Ich konnte jedoch den Fehler dank deinem Video finden. Bei der Eingabe im Costumizer wurde ich darauf hingwiesen das eine } fehlt. Schnell wurde ich beim vorhergehenden Befehl fündig. Dieser war noch nicht geschlossen :?
    Wusste bisher nicht, dass der Costumizer Vorschläge macht. Werde ich künftig nur noch dort eintragen :grin:

  • Ja habe ich gelöscht. Interessanterweise funktioniert es mit sowie ohne ; Zumindest konnte ich keine offensichtlichen Auswirkungen feststellen. Zum besseren Verständnis, macht es einen Unterschied?

  • Ja... aber nur weil dein Browser vielleicht nicht ganz so pingelig ist ;)! Wenn du dir die Ausgabe in der Web-Konsole angeschaut hättest, dann hätte du dort die Fehlermeldung gefunden

  • Ja die Web-Konsole ist ein mächtiges Werkzeug wenn man das technische Hintergrundwissen hat um die Ausgaben zu verstehen. Ich lerne erst :-P

    Dir wird bestimmt auch der 404 Fehler des shortcodes-sprite.png aufgefallen sein. An dem kaue ich schon die ganze Nacht, leider ohne Erfolg. Das gute an Problemstellungen, sie zwingen einem dazu den Horizont zu erweitern ;-)

  • :)... jetzt, wo du es sagst! Ja... da hilft nur eins. Nachschauen ob es diese Bilddatei in wp-content/themes/images/shortcodes-sprite.png tatsächlich gibt?
    404 Fehler lässt eindeutig darauf schließen, dass die gar nicht da ist... oder der Name falsch geschrieben ist... irgend sowas!

    Edit... bitte auch auf Groß- Kleinschreibung achten! .Png ist nicht gleich .png

  • Den Pfad gibt es nicht. Konnte die Datei jedoch im Theme Ordner wo sie eigentlich hingehört finden. Erneutes Uploaden hat nichts bewirkt. Die Pfade in einer CSS Datei zu tauschen hat zumindest die Ladezeit ein wenig reduziert. Ursprünglich wollte ich nämlich die Ladezeit optimieren, da fiel mir diese Datei auf, weil sie 1,7 Sekunden verzögerte. Wie üblich beginnt man an einer Stelle zu graben und schlussendlich hat man unzählige Baustellen offen :lol:

  • ... hmmm... also diesen falschen Pfad finde ich in deinen CSS Dateien sehr oft (mind. 30 mal) und überwiegend in ...
    *****

    Hast du da so ein Plugin mit dem du den Code 'minified' (also 'optimiert') machen kannst - könnte sein, dass in diesem Prozess die URL verfälscht wird.
    Wenn du so ein Plugin hast, deaktiviere das mal probehalber.

    Sollte das nichts nützen, könntest du vielleicht, solange bis die wirkliche Fehlerursache gefunden ist, den falschen Pfad richtig machen! Also mit deinem FTP Programm das fehlende Verzeichnis anlegen und die .png Datei hineinkopieren.

    Jetzt nachträglich versuchen über CSS was zu machen ist mehr als mühselig - bis unmöglich.
    Diese 'sprite.png' sind normalerweise größere Bilder, auf denen dann ganz viele kleine Icons drauf sind - CSS gesteuert wird dann immer nur ein kleines Stück des großen Bildes eingeblendet... eben immer nur soviel, dass nur das kleine Icon zu sehen ist, das an der Stelle gerade gebraucht wird.
    Und weil das so ist, müsste bei nachträglichen Änderungen im CSS nicht nur der Pfad, sondern dazu auch noch die jeweilige Position des Icons auf dem Bild berücksichtigt werden! Und die Arbeit willst du dir bestimmt nicht machen - oder?

    Einmal editiert, zuletzt von Olaf (12. April 2018 um 11:11)

  • Sollte das nichts nützen, könntest du vielleicht, solange bis die wirkliche Fehlerursache gefunden ist, den falschen Pfad richtig machen! Also mit deinem FTP Programm das fehlende Verzeichnis anlegen und die .png Datei hineinkopieren.

    Jetzt nachträglich versuchen über CSS was zu machen ist mehr als mühselig - bis unmöglich.
    Diese 'sprite.png' sind normalerweise größere Bilder, auf denen dann ganz viele kleine Icons drauf sind - CSS gesteuert wird dann immer nur ein kleines Stück des großen Bildes eingeblendet... eben immer nur soviel, dass nur das kleine Icon zu sehen ist, das an der Stelle gerade gebraucht wird.
    Und weil das so ist, müsste bei nachträglichen Änderungen im CSS nicht nur der Pfad, sondern dazu auch noch die jeweilige Position des Icons auf dem Bild berücksichtigt werden! Und die Arbeit willst du dir bestimmt nicht machen - oder?

    Ja kam recht häufig vor. Ich habe es nun bei der Original CSS belassen, zu groß ist mir das Risiko das ich da etwas verhaue.

    Nicht nur das ich mir die Arbeit nicht antun möchte, ich kanns schlicht nicht. Habe nun den Pfad angelegt und dachte schon ich hätte das Problem behoben und wollte euphorisch die Lösung posten ;-)
    Nun lese ich, dass den Pfad anzulegen lediglich eine oberflächliche Lösung ist. Hauptsache die 1,7 Sekunden Ladezeit wegen dem Pfad sind[COLOR=#000000] passé [FONT=Iconfont]:-)
    [/FONT][/COLOR]
    Auf jeden Fall danke das du dir die Mühe gemacht hast nach zu sehen und Hilfestellung zu leisten.

Jetzt mitmachen!

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