Table of Contents
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
- Sample for a Static Home Page : http://www.pvlocal.de/
- Sample for a Blog : http://www.pvlocal.de/dm.html/