Theme Twenty Seventeen - Inhalt mehr Breite geben

mueteh

Hallo,

ich möchte im Twenty Seventeen dem Inhalt mehr Breite geben.
Habe hier im Forum auch den folgenden Hinweis gefunden: Die breite im Customizer-->Zusätzliche CSS zu ändern.

CSS

.wrap {
    max-width: 700px !important;
    
}

Habe das nach Anweisung gemacht, leider funktioniert es nicht.

Vieleich kann mir da einer weiterhelfen.

Danke im Voraus.

Werbepost

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

Edi

Keine Ahnung, wo Du das hier gelesen hast. ;-)

Die Klasse "wrap" ist beim Theme Twenty Seventeen für Desktop-Ansichten wie folgt definiert:

Code

.wrap {
   max-width: 1000px;
   padding-left: 3em;
   padding-right: 3em;
}

Wenn Du eine einen Wert von maximal 700 Pixel vorgibst, wird der Bereich weniger breit.

mueteh

Danke für die Info, ich wollte den Bereich verbreitern.

Ich habe den Wert von 700px auf 1000px angepasst, es hat sich aber in der Breite nichts verändert.

Was habe ich falsch gemacht?

mueteh

Danke für die Info, ich wollte den Bereich verbreitern.

Ich habe den Wert max-width von 700px auf 1000px angepasst, es hat sich aber in der Breite nichts verändert.

Code

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}


#page {
    position: relative;
    word-wrap: break-word;
}


.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-left: 2em;
    padding-right: 2em;
}

Alles anzeigen

Was habe ich falsch gemacht?

Edi

Kannst Du bitte den Link zur Website angeben.

mueteh

Der link zur Website ist: http://wo-joo.bplaced.net/

Ich arbeite neu mit Wordpress und bin am probieren auf einem Freehoster.
Danach erstelle ich die Site mit einer De-Domain bei einem anderen Hoster.
Ich werde bestimmt noch öfter im Forum um Hilfe bitten.

Edi

Wo hast Du den Code angepasst?

mueteh

Ich habe den Code im Editor unter Stylesheets in der style.css angepasst und gespeichert.

Edi

Änderungen sollten nie in den Dateien des Themes gemacht werden, sonst sind sie bei einem Update weg.

Eine Möglichkeit ist, im Customizer "Zusätzliches CSS" zu verwenden.

Beim Theme Twenty Seventeen ist die Breite der Klasse "wrap" mit "max-width: 1000px;" definiert. Wenn Du diesen Wert verwendest, bleibt der Bereich so, wie er ist. Du müsstest ihn also erhöhen.

mueteh

Ich habe bei "max-width: 1000px;" den Wert auf 1500px erhöht, es ist keine Änderung Sichtbar.

Edi

Dann versuche es so:

CSS

.wrap {
   max-width: 1500px !important;
}

SEpp55

neuer Tag, neuer Versuch ;-)

im den Customizer "Zusätzliches CSS" einfügen!

.page-one-column .panel-content .wrap {
max-width: 1000px;
}

mueteh

Danke für die Tips, aber alles hilft nichts, es bleib alles unverändert.
Ich habe auch schon probiert die Ränder zu verkleinern, aber dann wird der Inhalt nur nach links verschoben, die Breite bleibt aber unverändert.

Es wird aber eine Lösung geben, denn auf anderen Seiten mit dem Theme Twenty Seventeen habe ich es gesehen.

best4horse

Also ich habe auf deiner Seite den Wert auf 1000px geändert und da funktioniert es. Kopierst du den Code wirklich an die richtige Stelle?

Hauptseite

.page-one-column .panel-content .wrap {
max-width: 1000px;
}

Andere Seiten

:not(.has-sidebar).single-post #primary, :not(.twentyseventeen-front-page).page.page-one-column #primary, :not(.has-sidebar).archive.page-one-column .page-header, :not(.has-sidebar).archive.page-one-column #primary {
margin-left: auto;
margin-right: auto;
max-width: 1000px;
}

mueteh

@ best4horse
Danke das war die richtige Lösung, jetzt fuktioniert es.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme Twenty Seventeen - Inhalt mehr Breite geben

Jetzt mitmachen!