The Twenty Sixteen WordPress theme is composed of three columns. In the left column, you have meta information like author, date, tags and categories.
If you want to remove the left column and have a two columns layout, you have to add the following code. Removing the left column has the effect of moving the meta information to the bottom of the page.
Removing the left column
Choose to customize your theme, then insert the following code, as suggested on the WordPress forum, in the additional css field.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
@media screen and (min-width: 61.5625em) { body:not(.search-results) article:not(.type-page) .entry-footer { float: none; margin-top: 1.5em; width: 100%; } .single .byline, .full-size-link, body.group-blog:not(.search-results) .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link { display: inline; } body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after { display: inline; } body:not(.search-results) article:not(.type-page) .entry-content { float: none; width: 100%; } body:not(.search-results) article:not(.type-page) .entry-footer .avatar { display: inline; margin: auto 0.3em 1em auto; width: 27px; } |
How to move the meta information to the top of the page
If you want to move the meta information (author, date, …) to the top of the page, do the following:
1) open with the Appearance->Editor the file template-parts/content-single.php
2) go to line 40 and delete the following line
1 |
<?php twentysixteen_entry_meta(); ?> |
3) go to line 13 and replace the following line
1 |
<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> |
with
1 2 |
<div class="entry-footer"><?php twentysixteen_entry_meta(); ?></div> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> |
4) save
With a small width the meta information isn’t shown at full width, I’ll try to fix this (if you know how to do it, please write me!)
Be warned that this is not a clean method to change a theme, you should create a child theme, but I still don’t know how to do it. When upgrading the theme you’ll lose your changes.
The result of the modifications is shown below.