hallo und guten Abend community,
setzte wp 4.1.1 ein mit einem Standdarttheme - dem twentyfourteen.
Eine einzige Aenderung hab ich dabei vorgenommen: ein Child mit untenstehendem CSS noch hinzugefügt.
Das sieht dann so aus:
indexseite: http://www.literaturen.org
page: http://www.literaturen.org/?page_id=64
was auffällt; auf der Page - also dem unteren Link ist der Abstand zwischen Centertext und Seitenspalte viel viel gefälliger ist. Da ist nicht so eine breite Spalte zwischen dem Centertext und dem Seitenrand - oder besser gesagt der Seitenspalte vorhanden.
Wie kommt das denn - das wundert mich etwas!?
btw: hab das mit drei Browsern gestestet
- mozilla
- konquerer
- MS-IE-Explorer
Was meint ihr denn - was kann ich hier noch machen , dass auf der Hauptseite die große Spalte auch kleiner wird!?
Freue mich auf einen Tipp.
viele Grüße
Lin
hier der Code den ich noch hinzugefügt habe - als Childtheme
Beschreigung
https://wordpress.org/support/topic/…ages?replies=20
Bezug des Codes hier:
http://pastebin.com/80u0kqtv
/*
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;
}
}