Individuelles CSS und SCSS

  • Hallo, ist es möglich dem "wcfHeader" ein Hintergrund Bild hinzuzufügen und das Logo in die Mitte zu setzen?


  • Recht simpel sogar, indem Du diesen Code in Deinen Stil einfügst:

    Code
    #pageHeaderFacade {
        background-image: url('bild_datei.jpg');
        text-align: center;
    }


    Schaut dann so aus:

  • Recht simpel sogar, indem Du diesen Code in Deinen Stil einfügst:

    Code
    #pageHeaderFacade {
        background-image: url('bild_datei.jpg');
        text-align: center;
    }


    Schaut dann so aus:

    Vielen Dank für die schnelle Antwort :) genau so wollte ich es haben.

  • Recht simpel sogar, indem Du diesen Code in Deinen Stil einfügst:

    Code
    #pageHeaderFacade {
        background-image: url('bild_datei.jpg');
        text-align: center;
    }


    Schaut dann so aus:

    Ist es auch möglich das ganze so umzusetzen? siehe bild


  • Ich habe es so,

    Code
    #pageHeaderFacade {
        background-image: url(https://www.motorsport-kirchdorf.com/images/Sportheader.PNG);
        text-align: center;
  • Ich habe es so,

    Code
    #pageHeaderFacade {
        background-image: url(https://www.motorsport-kirchdorf.com/images/Sportheader.PNG);
        text-align: center;

    Das kann auch nicht gehen, da Du nicht den Standard-Stil, sondern einen anderen/individuellen nutzt.


    Bei Dir müsste es meine ich heißen:

    Code
    #pageHeaderCustomContent {
        background-image: url(https://www.motorsport-kirchdorf.com/images/Sportheader.PNG);
    }
  • ich habe auch nicht den Standart Stil und es klappt trotzdem.

    Kommt halt immer auf den Stil an. Hier bei ihm gibt es die oben genutzte CSS-Klasse nicht, also kann da in dem Fall auch nichts passieren. Bei Dir scheint das dann vorhanden zu sein. :)


    ?????

    ich sehe nichts

    Also bei mir ist es auf Deiner Webseite sichtbar. Bist Du evtl. mobil online? Da gibt es das in dem Stil ja gar nicht. Am Desktop ist es vorhanden, nachdem Du es eingefügt hattest:

  • Shit Browser...

    Opera & Cliqz zeigen es mir nicht an aber Edge...


    Ich danke dir...


    noch eine Frage bzw. Wunsch..

    ich hätte gerne auf der Startseite um das Bild rum, diesen weißen Rahmen gerne entfernt,aber nur auf der Startseite..

  • Moin alle,

    Kommt halt immer auf den Stil an. Hier bei ihm gibt es die oben genutzte CSS-Klasse nicht, also kann da in dem Fall auch nichts passieren. Bei Dir scheint das dann vorhanden zu sein. :)


    Also bei mir ist es auf Deiner Webseite sichtbar. Bist Du evtl. mobil online? Da gibt es das in dem Stil ja gar nicht. Am Desktop ist es vorhanden, nachdem Du es eingefügt hattest:

    Moin pbde,

    kannst du mal bitte nachsehen ob mein Headerbild angezeigt wird..

    Ich habe nichts geändert und sehe das hier,egal welcher Browser.


    Code
    #pageHeaderCustomContent {
        background-image: url(https://www.motorsport-kirchdorf.com/images/Sportheader.PNG);
    }
  • Bei mir im Google Chrome, Firefox und Opera kommt das Bild sofort, im Edge kommt es erst nach nochmaliger Aktualisierung.

    Aber, nur im Opera passt deine Verlinkung, bzw. wird diese anders angezeigt wie in allen anderen Browsern.
    Chrome, Firefox, Edge und Opera zeigen mit Klick auf "Home" in der Adressleiste diese Url:

    Code
    https://www.motorsport-kirchdorf.com/index.php?login/&url=https%3A%2F%2Fwww.motorsport-kirchdorf.com%2F

    nur mit dem Klick auf "Login" kommt dann die richtige Url:

    Code
    https://www.motorsport-kirchdorf.com/index.php?login/

    Da kommt bei mir die Frage auf, wie Du zum einen die Verlinkung bei dir schreibst (sieht aus wie permanent extern?) und wo Du die Änderungen für das Design hinterlegst. Hast Du den Standard-Stil kopiert und als ein neuen angelegt und machst Du in dem neuen Stil die Änderungen wirklich nur mittels individueller CSS/SCSS?

Participate now!

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