Header.jpg

    Hallo,

    ich bin absoluter Wordpress -Anfänger. Vielleicht klingt meine Frage lächrlich, aber ich komme einfach nicht weiter.

    Ich habe für unseren Blog http://www.suchpool-ddrbuerger.de ein neues Kopfbild bearbeitet und eingefügt.

    Jetzt möchte das header.jpg etwas weiter unten positionieren, damit die rote Hintergrundfarbe auch oberhalb des Kopfbildes zu sehen ist.

    Das nächste Problem ist:
    Ich möchte den Blogtitel in dem header.jpg rechts unten einfügen, aber auch das gelingt mir nicht richtig.

    Könnte mir jemand behilflich sein?

    Danke. LG

    • Gerade eben
    • 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

    Um das Headerbild etwas tiefer zu setzen musst du auch die Positionen in der css ändern:

    Code
    div#header {style.css (Linie 85)
background:#660000 url(images/kopfbild.jpg) no-repeat scroll [COLOR=Red]0 20px[/COLOR];
height:310px;
width:960px;
}

    SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder


    Und für den Titel musst du auch in der css das padding ändern:

    Code
    #blog-title {style.css (Linie 127)
letter-spacing:0.08em;
margin:0;
[COLOR=Red]padding:135px 0 0 600px;[/COLOR]
}

    padding: Innenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets


    Die Blogbeschreibung wird im Element selbst gestylt:

    Code
    <a style="[COLOR=Red]margin: 0px 0px 0px 20px[/COLOR]; font-weight: bold; font-size: 26px; font-style: italic; letter-spacing: 2px; font-family: Times New Roman; color: rgb(255, 255, 255); text-decoration: underline;" href="http://www.siebenherz-hilft.de/">Siebenherz Hilft</a>

    margin: Außenabstand: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Danke schön.

    Noch eine Frage:
    Kann ich das so, wie du es geschrieben hast, einsetzen oder muss ich da noch die zahlen für den Abstand einsetzen oder verändern?

    :( ich weiß, bin *noch* Wordpress-blond - leider.

    LG Herzsieben

    Im Stylesheet [FONT=Courier New]/wordpress/wp-content/themes/bp-abendrot/style.css [/FONT]suchst Du mal den Abschnitt "[FONT=Courier New]Seitenaufbau[/FONT]".

    Dort fügst Du in

    Code
    div#wrapper {
             width    : 960px;
             text-align    : left;
             font-size    : 0.835em;
             margin    : 0 auto;
             background : #660000;
}

    direkt unter [FONT=Courier New]background : #660000;[/FONT] aber noch vor der geschwungenen Ende-Klammer ein:

    Code
    margin-top: 20px;

    wobei der Wert [FONT=Courier New]20px[/FONT] natürlich nach Belieben verändert werden kann.

    Bego
    noch die Zeile

    Zitat

    Kann ich das so, wie du es geschrieben hast, einsetzen oder muss ich da noch die zahlen für den Abstand einsetzen oder verändern?

    Ich hatte die Änderungen extra rot markiert. Aber hast du doch jetzt hinbekommen.
    Sieht doch jetzt gut aus, oder?
    Außer dass du bei div#wrapper ein : zuviel hast

    Code
    div#wrapper {
  width                : 960px;
  text-align        : left;
  font-size            : 0.835em;
  margin            : 0 auto;
  background        : #882200;
  margin-top:20px[B][size=14][COLOR=Red]:[/COLOR][/SIZE][/B]
}

    Da kommt ein Semikolon hin.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Änderungen

    Ja und nein,

    da ich bei unserem neuen provider alles über FTP machen muss, was bei dem vorhergehenden über Plesk lief, geht natürlich einiges schief.
    Ja die Änderungen habe ich hinbekommen, aber es ist das falsche Header.jpg und ich weiß nicht, wie das andere an genau diese Stelle bekomme.

    Ihr lacht euch jetzt bestimmt kaputt.:(

    LG herzsieben

    im verwendeten Theme-Ordner gibt es einen images-Ordner. Dort hängt das kopfbild drin: images/kopfbild.jpg

    Also brauchst du das neue Bild nur kopfbild.jpg nennen und in den images-Ordner hochladen (altes Bild überschreiben).

    In der style.css brauchst du dann nix zu ändern. Falls du doch ein anderen Bildnamen vergeben willst, findest du in deiner css folgende Formatierung:

    Code
    div#header {
background:#3355AA url(images/kopfbild.jpg) no-repeat scroll 0 0;
height:310px;
width:960px;
}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden