theme 2014 ist im Seitenblock zu schmal

Gast 61846

hallo community,

habe ein wp in der neuesten Version mit einem theme 2014 - doch dieses zeigt im Seitenblock zu schmal

wie kann man hier etwas korrgieren.

die Demoseite ist http://www.ex-libri.org

im linken Seitenblock koennte die Weite des Contents groesser - weiter sein.

Habt ihr einen Tipp

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

helix

1. Child-Theme anlegen
2. Dann gibst du der Klasse site-content mehr Rand nach rechts als die derzeitigen 200px. Und für die Klasse content-sidebar gibst du entsprechend mehr Pixel für die maximale Breite. Evtl. musst du auch die Breite der content-sidebar in Prozent und ihren negativen Rand links auch noch anpassen.
Und ich habe jetzt nicht geguckt, ob das mit den 200 Pixeln so in allen Größen, d.h. über alle Mediaqueries so gleichbleibend ist …

Gleiches Spiel in umgekehrt mit der Sidebar links. Wenn ich dich richtig verstanden habe, genügt es, wenn die etwas schmaler ist.

Beide Sidebars sind im Prinzip mit festen Breiten definiert, d.h. deren Breite geht einfach immer auf Kosten der Breite des Hauptinhaltsbereichs in der Mitte.

Gruß
helix

Gast 61846

hallo Helix
vielen Dank für deine sehr ausführliche Antwort. Werde am WE alles ausprobieren.
Du hast mir sehr weitergeholfen.

Gruß
lin

Gast 61846

hallo und guten Abend nochmals

untenstehend habe ich den aktuell aktiiven Child-theme-code so wie das theme im Moment läuft.

Code

/*
 Theme Name:     Twenty Fourteen Extended
 Description:    Make use of full width page templates in the Twenty Fourteen theme
 Author:         Nexcius
 Author URI:     http://www.nexcius.net
 Template:       twentyfourteen
 Version:        1.0.1
*/
 
@import url("../twentyfourteen/style.css");
 
 
.full-width .site-content .page .entry-header,
.full-width .site-content .page .entry-content,
.full-width .site-content .page .entry-summary,
.full-width .site-content .page .entry-meta {
        max-width: 100%;
}
 
@media screen and (min-width: 594px) {
        .full-width .site-content .page .entry-header {
                max-width: 100%;
                margin-left: 0;
                margin-right: 0;
        }
         
        .full-width .site-content .page .entry-content,
        .full-width .site-content .page .entry-summary,
        .full-width .site-content .page .entry-meta {
                max-width: 100%;
                padding-left: 30px;
                padding-right: 30px;
        }
 
 
        .full-width .site-content .page  .wp-caption.alignnone {
                max-width: 100%;
                max-width: -moz-calc(100% + 60px);
                max-width: calc(100% + 60px);
                margin-left: -30px;
                margin-right: -30px;
        }
 
        .full-width .site-content .page  .wp-caption.alignnone .wp-caption-text {
                max-width: 100%;
                margin-left: 30px;
                margin-right: 30px;
        }
       
        .full-width .site-content .page  blockquote.alignright,
        .full-width .site-content .page  img.size-full.alignright,
        .full-width .site-content .page  img.size-large.alignright,
        .full-width .site-content .page  img.size-medium.alignright,
        .full-width .site-content .page  .wp-caption.alignright {
                margin-right: -20px;
        }
       
        .full-width .site-content .page  blockquote.alignleft,
        .full-width .site-content .page  img.size-full.alignleft,
        .full-width .site-content .page  img.size-large.alignleft,
        .full-width .site-content .page  img.size-medium.alignleft,
        .full-width .site-content .page  .wp-caption.alignleft {
                margin-left: -20px;
        }
}
 
@media screen and (min-width: 673px) {
        .full-width .site-content  .page .entry-header {
                margin-left: 30px;
                margin-right: 30px;
        }
         
        .full-width .site-content .page  .entry-content,
        .full-width .site-content .page  .entry-summary,
        .full-width .site-content .page  .entry-meta {
                padding-left: 60px;
                padding-right: 60px;
        }
 
 
        .full-width .site-content .page  .wp-caption.alignnone {
                max-width: -moz-calc(100% + 120px);
                max-width: calc(100% + 120px);
                margin-left: -60px;
                margin-right: -60px;
               
        }
 
        .full-width .site-content .page .wp-caption.alignnone .wp-caption-text {
                margin-left: 60px;
                margin-right: 60px;
        }
       
        .full-width .site-content .page blockquote.alignright,
        .full-width .site-content .page  blockquote.alignleft {
                max-width: 50%;
        }
       
        .full-width .site-content .page  blockquote.alignright,
        .full-width .site-content .page  img.size-full.alignright,
        .full-width .site-content .page  img.size-large.alignright,
        .full-width .site-content .page  img.size-medium.alignright,
        .full-width .site-content .page  .wp-caption.alignright {
                margin-right: -50px;
        }
       
        .full-width .site-content .page  blockquote.alignleft,
        .full-width .site-content .page  img.size-full.alignleft,
        .full-width .site-content .page  img.size-large.alignleft,
        .full-width .site-content .page  img.size-medium.alignleft,
        .full-width .site-content .page  .wp-caption.alignleft {
                margin-left: -50px;
        }

Alles anzeigen

will am spaeteren Wochenende sehen was ich machen kann..

lg lin

Willkommen! Melden Sie sich an oder registrieren Sie sich.

theme 2014 ist im Seitenblock zu schmal

Jetzt mitmachen!