First Steps with 2017 Theme

Create a new Child Theme named Twentyseventeen Level Up Child and create a new style.css

  • Increase content space
  • Lower the font-size
  • Rebalance content size for primary and secondary Div
  • New style.css located in the Child Theme Directory looks like
/*
Theme Name: Twentyseventeen Level Up Child
Theme URI: http://pvlocal.de
Author: Helmut Hutzler 
Author URI: http://hhutzler.de/
Description: Child Theme of twentyserventeen Theme
Template: twentyseventeen
Version: 1.0 
*/


@import url("../twentyseventeen/style.css");

/* remove footer: proudly presented by WordPress */
.site-info {
 display:none;
}

/* increase content size */
.wrap {
 max-width: 1400px;
 }

/* decrease font size */
body, button, input, select, textarea { 
 font-size: 0.75rem;
 }

/* weight width for primary and secondary Divs to increase the primary size and lower secondary size */ 
@media screen and (min-width: 48em) {
 body, button, input, select, textarea { 
 font-size: 0.85rem;
 }
 .has-sidebar #secondary {
 float: right;
 padding-top: 0;
 width: 24%;
 }
 .has-sidebar:not(.error404) #primary {
 width: 72%;
 } 
}

/* decorated the kontakt DIV */ 
#kontakt {
 background-color: #575757;
 color: white;
 border: 1px solid grey;
 border-radius: 5px;
}

Customizing our new Child Theme

  • Drop the Top Menu
    • Menu Locations :
    •    Top Menu : — Select —
    •    Social Links Menu : Social Links Menu
  • Static Front Page :  Front page displays -> Your latest posts
  • Top Menu : Display Location -> None
  • Customizing Widgets :
    • Remove Footer 1
    • Remove Footer 2

Reference

Leave a Reply

Your email address will not be published. Required fields are marked *