2014 theme: seitenbreite, centertext und spalten - einstellungen

Gast 61846

Hallo u. guten abend

auf einer wp 4.1.1. habe ich ein twentyfourteen installiert bzw. aktiviert.
damit idh aber die spalten u. die seite moeglichst gut ausnutze habe ich ein child theme eingesetzt.

die seite : http://www.ex-libri.org

ziel ist:
seiitenbreite maximal
spalten zw. centertext u spalten sollten minimal werden.

ich habe zwar schon die seitenbreite verbesert - etwas weiter gekriegt.
Aber irgendwie ist es alles noch nicht optimal.

die spalten zw. centertext u. content-sideblock (recths ) sind zu weit.

die seite : http://www.ex-libri.org

freu mich auf einen tipp.

lg

lin

btw - das eigesetzte child -theme

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
*/
 
/* Content Sidebar */


 


@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%;
}


.content-sidebar {


                border-top: 1px solid rgba(0, 0, 0, 0.1);


                border-bottom: 1px solid rgba(0, 0, 0, 0.1);


                -webkit-box-sizing: border-box;


                -moz-box-sizing:    border-box;


                box-sizing:         border-box;


                color: #767676;


                padding: 48px 10px 0;


                max-width: 20%;


}


 




.hentry {


                max-width: 100%;


}




.site-content .entry-header,


.site-content .entry-content,


.site-content .entry-summary,


.site-content .entry-meta,


.page-content {


                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

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

Gast 61846

done
und hier die daten des child t. einfach damit es hier auch geteilt ist - u.ggf ein anderer ähnliches vorhat

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
*/
 


 /*This section sets page to 100% width */
.site {
    background-color: #fff;
    max-width: 100%;
    position: relative;
}/* Set Featured content to less than 100% as it looked wrong on big screens */
.featured-content {
    background: #000 url(images/pattern-dark.svg) repeat fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    position: relative;    width: 80%;
}
.featured-content 
.entry-meta {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.0909090909;
    margin-bottom: 6px;
}
.featured-content 
.entry-header {
    background-color: #000;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    min-height: 50px;
    max-height: 80px;
    overflow: hidden;
    padding: 12px 10px;
}


.featured-content .entry-title {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3333333333;
    margin: 0;
    text-transform: uppercase;
}


/*This section sets page header to 100% width */
.site-header {
    background-color: #000;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 4;
}


.main-content {
    width: 100%;
}


.hentry {
    max-width: 100%;
}
.site-content {
    max-width: 100%;
    margin-right: 200px; /* To allow for right-hand Content Sidebar */
}


/* Default Page Settings */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    max-width: 100%;
    margin-right: 5px;
}




/* Full width Template settings */
.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%;
}


/* Content Sidebar (Amazon Ads) */


.content-sidebar {


                border-top: 1px solid rgba(0, 0, 0, 0.1);
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                -webkit-box-sizing: border-box;
                -moz-box-sizing:    border-box;
                box-sizing:         border-box;
                color: #767676;
                padding: 10px 10px 0;
                max-width: 200px; /* Smallest size possible to display Amazon ads */
}




    
 
@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

Willkommen! Melden Sie sich an oder registrieren Sie sich.

2014 theme: seitenbreite, centertext und spalten - einstellungen

Jetzt mitmachen!

Benutzer online in diesem Thema