Support » Allgemeine Fragen » Anderers Background-img auf der front-page

  • Josh

    (@joshlooksaround)


    Halöle,
    hab lange gesucht, aber keine für mich funktionierende Lösung gefunden.

    Ich möchte auf der front-page ein anderes Hintergrundbild haben, als auf den restlichen Seiten.
    Meine Seite ( http://www.joshlooksaround.de ) basiert auf einem eigenen Theme und ich muss gestehen, dass ich vom Coden leider kaum was verstehe.

    body
    {
        color: #1C1600;
        background: #D1CCC1;
        background-image: url('../../../Content/Statik/Grafik/bg.jpg');
        background-size: cover;
        background-attachment: fixed;
        z-index: 1;
        margin: 0;
    }
    body.front-page
    {
        color: #1C1600;
        background: #D1CCC1;
        background-image: url('../../../Content/Statik/Grafik/bg_front.jpg') !important;
        background-size: cover;
        background-attachment: fixed;
        z-index: 1;
        margin: 0;
    }
    

    Auch body.home funktioniert nicht.

    Wie kann ich das Problem lösen?

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Hallo Josh,

    das liegt daran, dass im Quellcode deiner Startseite wichtige Teile fehlen, unter anderem der body-Tag. Während auf der Seite auch beim html-Tag ein Fehler vorliegt, da er zwar geöffnet, aber nicht geschlossen wird, existiert vom body-Tag weder der öffnende noch der schließende Teil.

    Und da der body-Tag auf dieser Seite gänzlich fehlt, kann er auch nicht über eine CSS-Anweisung angesprochen werden, wie du es oben versuchst.

    Du suchst dir am besten über eine WordPress-Jobbörse einen Dienstleister, der dir das Template dieser Seite in Ordnung bringt (er muss sich also mit der Theme-Programmierung auskennen).

    BTW: Tolle Reisen!

    Oder schau zuerst mal nach, ob du nicht noch eine frühere Sicherung dieses Templates hast, in dem die fehlenden Teile noch vorhanden sind; da muss irgendwann mal was schiefgelaufen sein, denn so hat der Theme-Ersteller das bestimmt nicht abgegeben.

    Vgl.

    https://codex.wordpress.org/Theme_Development#Template_Files

    https://yoast.com/wordpress-theme-anatomy/

    • Diese Antwort wurde geändert vor 7 Jahren, 8 Monaten von Flower33. Grund: Links
    • Diese Antwort wurde geändert vor 7 Jahren, 8 Monaten von Flower33. Grund: Link
    Thread-Starter Josh

    (@joshlooksaround)

    Ah ok,
    dann weiß ich was ich zu tun habe.

    Ja…das Theme ist komplett von mir erstellt. Ich hoffe, da haben sich nicht noch mehr solcher Fehler eingeschlichen :/

    Naja, aber danke für die schnellen Antworten und die nützlichen Links 😉

    Gerne! Ich war nur sehr erstaunt, dass eine Seite mit einem gänzlich fehlenden body-Tag und einem nur unvollständigen html-Tag vom Browser überhaupt angezeigt wird. Die heutigen Browser scheinen hart im Nehmen zu sein. 🙂

    Thread-Starter Josh

    (@joshlooksaround)

    Habs jetzt erstmal auch so lösen können:

    also, try setting an absolute image path:
    body { background-image:url(<?php bloginfo('template_url'); ?>/images/bg_fullpagehome.gif)

    Danke für den tollen Support 🙂

    • Diese Antwort wurde geändert vor 7 Jahren, 8 Monaten von Josh.
    • Diese Antwort wurde geändert vor 7 Jahren, 8 Monaten von Josh.

    Den Vorschlag von @esmi würde ich auch mal noch testen.
    Dann noch schöne Reise-Erlebnisse!
    Das neue Foto ist übrigens traumhaft schön!

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Das Thema „Anderers Background-img auf der front-page“ ist für neue Antworten geschlossen.