Abstand weg machen?!

    Hallo,

    ich nutze folgendes Design:

    http://www.elegantthemes.com/preview/LightBright/

    Wie ihr seht, beginnt der Text in den Artikeln immer paar Pixel rechts und hört auch paar Pixel rechts auf. Ich würde diesen Abstand gerne weg machen, finde aber leider im Code nicht die richtige Stelle.

    Ich habe mal ein Bild gemacht:

    http://www.picbutler.de/bild/168315/abstand6lq80.jpg

    Kann mir bitte jemand sagen, wie ich diesen Abstand genau weg bekomme? Habe den Abstand auf dem Bild rot markiert!

    Liebe Grüße und vielen Dank!

    • 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

    in style.css des themes:

    Code
    .entry .post .content { padding: 12px 38px 15px 45px; }



    (ps:
    rechtes und linkes padding auf 5px zu setzen hatte in der theme-demo negative auswirkungen auf die darstellung des grossen bildes und der blockquote)

    Vielen Dank, für eure Antworten. Ich habe das so geändert:

    Code
    .entry .post .content { padding: [B]1px[/B] 38px [B]1px [/B]45px; }

    Jetzt ist der Abstand nach oben und unten geringer. Aber links und rechts hat sich leider 0.0 verändert?!

    liegt daran das du auch nur oben und unten geändert hast ;-)

    Zitat

    Der erste Wert für den Abstand oben, der Zweite rechts, der Dritte unten und der Vierte links

    mehr dazu http://www.css4you.de/padding.html

    Und wie "alchymyth" schon erwähnt hat, ändern sich durch verringern des Seitenabstands verschiedene andere Elemente.

    versuche mal

    Code
    .entry .post .content { padding: 12px 10px 15px 10px; }

    (etwas Abstand sollte schon sein)

    nun musst du bei

    Code
    h1.title, h2.title { font-size: 40px; float: left; width: 325px; padding-bottom: 20px; }

    noch ein "padding-left: 30px;" einfügen damit der Titel wieder passt
    beim Datum

    Code
    span.date { color: #e3e3e3; font-size: 36px; text-transform: uppercase; float: right; margin-top:2px; }

    also ein passendes "padding-right"

    und so geht das Anpassen weiter

    z.B bei "div.big-thumb" das "margin-left"

    oder bei den Videos usw.

    hast also einiges zu tun

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden