Trennlinien farblich ändern

    • 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

  • Hi
    in deiner Style.css findest du den unterpunkt

    Code
    [COLOR=#888888][FONT=Consolas][COLOR=#222222].hentry[/COLOR], .no-results[/FONT][/COLOR]

    und dort muss du einfach beim

    Code
    [COLOR=#C80000]border-bottom[/COLOR]: 1px solid #ddd;

    das #ddd durch deine Farbe ersetzen.
    Wenn Du nicht den HEX-Code weißt, dann einfach bei colorhexa.com nachschauen :)

    Grüße Mirko;)

  • Das hat nicht hingehauen, weil in der dark.css folgendes für hentry definiert wurde:

    Code
    .hentry {
    border-color: #222;
    }

    Demnach müsstes Du dort die Farbe ändern oder in der "normalen" style.css mit !important überschreiben.

    Der Abstand kommt hier her:

    Code
    .hentry, .no-results {
    border-bottom: 1px solid #ffac00;
    [COLOR="#FF0000"]margin: 0 0 1.625em;[/COLOR]
    [COLOR="#FF0000"]padding: 0 0 1.625em;[/COLOR]
    position: relative;
    }

    Einmal editiert, zuletzt von mfitzen (23. Juni 2013 um 15:07)

  • Und wie genau muß ich jetzt die Zahlen verändern um den Abstand kleiner zu bekommen?

    Sorry für die nochmalige Frage aber ich hab nur ein gefährliches Halbwissen von der ganzen Sache ;-)

  • Hallo,

    margin ist der Außenabstand. Wenn du die Werte kleiner machst dann wird der Abstand geringer, wenn die Werte erhöht werden wird der Abstand größer.

    Entweder kann man margin-top, margin-bottom, margin-left und margin-right verwenden, oder man schreibt das in der Kurzschreibweise so wie bei dir mit margin: a b c d;

    a: Abstand oben
    b: Abstand rechts
    c: Abstand unten
    d: Abstand links

    Bei padding verhält sich das genau gleich, nur dass padding der Innenabstand ist.

    Am besten du gibst mal folgendes ein:

    Zitat

    .hentry, .no-results {
    border-bottom: 1px solid #ffac00;
    [COLOR=#FF0000]margin: 10px 0 10px 0;[/COLOR]
    [COLOR=#FF0000]padding: 0 0 0 0;[/COLOR]
    position: relative;
    }

    Dann erhöhst oder verringerst du langsam die Werte die du brauchst bis der Abstand so ist wie du es haben möchtest.

    Und hier gibt es weitere Erklärungen zu margin und padding:
    http://www.css4you.de/margin.html
    http://www.css4you.de/padding.html

    VG
    Philip

Jetzt mitmachen!

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