1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Headerbildausschnitt auf Mobilen Geräten (Theme Natural Lite)

Dieses Thema im Forum "Design" wurde erstellt von taboree, 29. Mai 2017.

  1. taboree

    taboree New Member

    Registriert seit:
    29. Mai 2017
    Beiträge:
    1
    Zustimmungen:
    0
    Hallo Allerseits,

    ich werkel mich gerade in Worpress ein. Ich habe eigentlich ganz gute html-Kenntnisse aber leider kaum php. Manches verstehe ich beim lesen.

    Nun aber zu meinem Problem:
    Ich nutze das Theme Natural Lite. Grundsätzlich komme ich auch soweit klar allerdings ist mir eine Sache schleierhaft.
    Mein Headerbild wird auf mobilen Geräten Ausschnittsweise dargestellt. Sprich je kleiner das Display, desto kleiner wird die Breite. Die Höhe wird immer komplett angezeigt.
    Allerdings ist der Fixpunkt die linke Seite, das Bild "verliert" also nur rechts. Ich würde aber gerne als Fixpunkt die mitte haben, so dass das Bild links und rechts gleichmäßig beschnitten wird.
    Ich vermute ja ich muss entweder in der CSS-Datei oder in der header.php etwas ändern, nur weiß ich leider nicht genau wo.

    Danke im voraus für den entscheidenen Tipp.
     
  2. mkronenfeld

    mkronenfeld Well-Known Member

    Registriert seit:
    10. Oktober 2016
    Beiträge:
    227
    Zustimmungen:
    0
    Hi taboree,

    füge folgenden Code in deine CSS-Datei ein, möglichst weit unten.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Mehr zum Thema background-position findest du z.B. auf w3schools.

    Viele Grüße
    Marvin
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden