Theme "Book Lite": Wie kann ich den grauen Rand verkleinern?

    Bei diesem Theme ist es möglich je nach Seite ein Beitragsbild festzulegen. Das Theme fügt es ganz oben ein und füllt schön fast den halben Bildschirm damit aus. Mein Text ist darunter, zwar nicht sichtbar, kann jedoch hochgezogen werden, mit der Mausbewegung.

    Meine Problem ist, dass das Beitragsbild eine dunkelgraue Fläche umgibt. Sie umgibt jedoch das Beitragsbild nicht symetrisch! Oben stößt das Bild fast an die Obergrenze der grauen Fläche, unterhalb fehlen 1,8 cm. Das heißt, die graue Fläche unterhalb des Beitragsbildes empfinde ich als viel zu groß, im Vergleich zur grauen Fläche oberhalb des Beitragsbildes. Das Bild ist nicht mittig in der grauen Fläche!

    Die Internetseite befindet sich nicht online.

    Wer kann mir trotzdem bitte helfen?

    • 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

    Wenn Du uns mal einen Link zur Problemseite geben könntest, könnten wir gucken woran es liegt. So ist es nur raten. Ich vermute es könnte ein padding sein.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Code
    #masthead {
margin-bottom: 4em;
margin-top: 0em;
[COLOR=#ff0000]padding-bottom: 2em;[/COLOR]
background: url(images/header-divider.png) bottom center no-repeat;
position: relative;
}


    Den rot markierten Wert musst Du in Deiner style.css ändern.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    ein großes Dankeschön, ich habs auf "padding-bottom: 0em;" gesetzt.
    Noch eine Frage:
    Es wäre besser, denke ich, wenn der Text darunter näher an das Beitragsbild und die grauen Fläche nach oben rückt. In diesem Fall das "Herzlich Willkommen". Ich habe die Befürchtung, dass manche nicht merken, dass unter dem Bild die Beschreibung steht.

    Ändere einfach an der gleichen Stelle noch das margin-bottom. Ich sehe z.B. auf meinem Bildschirm bis "... nicht wie ein Henker."

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Zitat von SirEctor

    Ändere einfach an der gleichen Stelle noch das margin-bottom. Ich sehe z.B. auf meinem Bildschirm bis "... nicht wie ein Henker."

    vielen, großen Dank.

    Ich hätte nicht gedacht, hier so schnelle, kompetente Hilfe zu bekommen.

    Ich habe eine neue Seite "city-tour" eingefügt und das alte Problem (Post 1) ist wieder da.
    Jedoch sind die Änderungen (Post 5) im style.css weiter vorhanden!

    Was soll ich machen?

    Seltsam besteht das problem bei google chrom nicht.

    Hallo,
    gerade habe ich (leider) aktualisiert von BookLite 113 auf 114, http://www.faszination-rothenburg.de. Dadurch ist das Titelbild der Seiten offenbar viel schmäler geworden. Ich sehe nur noch den mittleren Ausschnitt.
    Was soll ich machen, dass das Titelbild wieder die ganze Breite der Seite annimmt, wie vorher?
    Viele Grüße
    Georg

    Hallo Georg,

    Die Darstellung des "Headers" wird wohl im Theme eingestellt. Da anscheinend kein Child Theme existiert, sind bei Updates immer alle Änderungen und Einstellung gefährdet. Als erstes also eimal in den Theme Einstellungen überprüfen ob sich da etwas verändert hat.

    Gruß Benno (http://www.bilderundmehr.eu)

    Nein, dem habe ich nichts hinzuzufügen :-)
    [HR][/HR]

    Zitat von BvW

    Hallo Georg,

    Die Darstellung des "Headers" wird wohl im Theme eingestellt. Da anscheinend kein Child Theme existiert, sind bei Updates immer alle Änderungen und Einstellung gefährdet. Als erstes also eimal in den Theme Einstellungen überprüfen ob sich da etwas verändert hat.

    Gruß Benno (http://www.bilderundmehr.eu)

    vielen Dank für den Kommentar. Was soll ich konkret jetzt tun? Ich finde nicht Themes/Einstellungen, wo ich "überprüfen" kann, "ob sich da etwas verändert hat."

    Du könntest es mit

    Code
    #masthead {
  background-size: cover;
}


    versuchen. Sieht aber unschön aus, da das Bild nur 1440px breit ist. Kannst du nicht einfach ein breiteres Bild hochladen? Dann hätte sich das von alleine erledigt.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/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