Header & Hintergrund als Bild

  • Hallo miteinander,


    ich habe ein kleines Problem mit dem setzen eines Bilds als Header sowie Hintergrundbild.

    Header: Ich würde gerne anstatt der Standart Grundfarbe ein Bild setzen.


    Ich habe bereits in den erweiterten Einstellungen des Styls versucht den Header mit CSS zu setzen.

    Als Bilderpfad habe ich "images" angegeben, da das Bild im "images" Ordner liegt.

    CSS
    - #pageHeaderFacade {
        background-image: url(header.png);
    }


    Als Hintergrund würde ich auch gerne ein Hintergrund verwenden: d.h. anstatt des normalen weißen Hintergrunds hätte ich dort gerne ein Bild.


    Ich hoffe ihr könnt mir helfen.


    Liebe Grüße

    Luis

  • Zum Header-Bild:

    CSS
    .pageHeaderContainer {
        background-image: url(header.png);
    }
  • Wenn du ein Hintergrundbild haben möchtest, was z,B, ringsum main zusehen sein soll, dann muss man den Hintergrund von Header und Footer ausblenden.

    CSS
    body {
        background-image: url(header.png);
    }
    .pageHeaderContainer, .pageFooterCopyright {
        background: none;
    }
  • Okay, aber was gebe ich beim Bilderpfad an und wo packe ich das Bild hin?

    Mach im Ordner "images" einen Ordner deiner Wahl z.B. "mein_style". Dort packst du deine eigenen Bilder rein.

    Der Pfad wäre dann "url(#{$style_image_path}mein_style/MEINBILD)"

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!