Footer schmaler machen

  • Ich würde gerne den Footer im unteren bereich der Website schmäler (dünner) machen.

    Folgendes habe ich bereits im Child Theme:

    Code
    .site-footer {
      background: #623410;
      color: #FFF;
      margin-bottom: 10px;
    }


    Website: http://www.crepesbude.de/test

    Ich kann leider im Styles.css nichts weiter finden um den Footer der im unteren Bereich der Website sitzt in dem auch der Copyright etc steht schmäler (dünner) zu machen bzw größenmäßig anzupassen.

    Ich hätte auch gern die Eckigen Kanten abgerundet, vielleicht kann mir auch in dieser Sache hier jemand sagen was ich eintragen muss um die Kanten in Navigation & Footer abzurunden.

    Für eure Hilfe bin ich euch dankbar

    Einmal editiert, zuletzt von Thom2504 (12. Januar 2015 um 20:59)

    • 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

  • Die Klasse .site-info innerhalb der Klasse .site-footer hat ein ziemlich großes Padding mit 20px oben/unten und 40px rechts/links - probiers mal hiermit:

    Code
    .site-info {
       padding: 5px 15px;
       margin: 0 auto;
       max-width: 100%;
    }

    Die Navigation oben hat ein padding: 5px 15px; - spiele einfach mal mit dem Wert rum und schaue, was dir am besten gefällt.

    Für die runden Ecken kannst du der Klasse .site-footer folgendes machen:

    Code
    .site-footer {
      background: #623410;
      color: #FFF;
      margin-bottom: 10px;
      border-radius: 0 0 10px 10px;
    }

    Beim border-radius werden so nur die unteren beiden Ecken gesetzt.

    Gründerin der Gutenberg Fibel: gutenberg-fibel.de

    Einmal editiert, zuletzt von luminuu (13. Januar 2015 um 10:34)

  • Hat super geklappt, nur das abrunden der oberen Navigationsleiste funktioniert nicht wirklich. Wobei ich da auch gern lieber die oberen Kanten abrunden würde. Was muss ich denn da eintragen?

    Lg
    Thom

  • Hat super geklappt, nur das abrunden der oberen Navigationsleiste funktioniert nicht wirklich. Wobei ich da auch gern lieber die oberen Kanten abrunden würde. Was muss ich denn da eintragen?

    Lg
    Thom

Jetzt mitmachen!

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