Twenty Eleven - Hintergrundfarbe Sidebar ä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

  • Am einfachsten wäre es, wenn Du ein entsprechendes Hintergrundbild machst, über die ganze Breite und evtl. 5px hoch ... und das dann per css bei #primary einbindest.

    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]

  • Danke für deine Antwort, aber ich hab's leider nicht hingekriegt.

    Bisher habe ich versucht
    1. Design/Anpassen/Hintergrundbild --> Hintergrund ist nach links verschoben
    dann in der style.css
    2. background: #e6e6e6; eingefügt --> Hintergrund ist abgeschnitten (zu schmal, zu kurz, nicht bündig)
    3. background-image:url(„Bildurl“); eingefügt --> es wird überhaupt keine Veränderung angezeigt

  • So, jetzt habe ich für mich einen Weg gefunden. Vielleicht hilft es jemandem mit einem ähnlichen Problem. Deshalb schreibe ich das hier kurz auf. Fett ist das was ich geändert habe.

    /* Right Content */
    .left-sidebar #primary {
    background:#e6e6e6;
    float: right;
    margin: 0 0 0 -26.4%;
    width: 100%;

    Damit hatten sowohl Sidebar als auch Content einen grauen Hintergrund.

    #content {
    background:#ffffff;
    margin: 0 34% 0% 7.6%;
    width: 58.4;

    Also habe ich dem Content einen weißen Hintergrund zugewiesen.
    Problem: rechts neben dem Text gab es noch einen senkrechten, grauen Streifen.

    .left-sidebar #content {
    margin: 0 7.6% 0 34%;
    width: 66%;
    }

    Deshalb habe ich den Content bis ganz nach rechts gezogen.

    ;) Jetzt muss ich nur noch den Rest des Weblogs an das Layout der eigentlichen Homepage anpassen ...

Jetzt mitmachen!

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