Support » Theme: Twenty Sixteen » Full-width posts with post meta at the bottom

Viewing 3 replies - 1 through 3 (of 3 total)
  • try to use this in your custom CSS:

    /* custom CSS for Twenty Sixteen to make post full width and to move postmeta to below post*/
    @media screen and (min-width: 44.373em) {
    	body.single.no-sidebar article:not(.type-page) .entry-footer 
    	{
    		float: none;
    		margin: 1.5em 0 0;
    		width: 100%;
    	}	
    	body.single.no-sidebar article:not(.type-page) .entry-header,
    	body.single.no-sidebar .comments-area,
    	body.single.no-sidebar .post-navigation
    	{
    		float: none;
    		margin: 0 0 5%;
    		width: 100%;
    	}
    	.single.no-sidebar.single .byline, .single.no-sidebar .full-size-link, 
    	body.single.no-sidebar.group-blog .byline,
    	body.single.no-sidebar .entry-format, 
    	body.single.no-sidebar .cat-links,
    	body.single.no-sidebar .tags-links, 
    	body.single.no-sidebar article:not(.sticky) .posted-on,
    	body.single.no-sidebar article:not(.type-page) .comments-link,
    	body.single.no-sidebar article:not(.type-page) .entry-footer .edit-link
    	{
       		display: inline; 
    	}
      	body.single.no-sidebar article:not(.type-page) .entry-footer > span:not(:last-child):after 
    	{
    		display: inline;
    	}
    	body.single.no-sidebar article:not(.type-page) .entry-content 
    	{
    		float: none;
    		width: 100%; 
    		margin: 0 0 5%;
    	}
    	body.single.no-sidebar article:not(.type-page) .entry-footer .avatar 
    	{
    		display: inline;
    		margin: auto 0.3em 1em auto;
    		width: 27px;
    	}
    }

    Thanks Michael, your custom CSS script works perfectly!

    Have a good day!

    Got the following error. Help would be appreciated. Thanks.

    margin can’t be used with display: inline.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full-width posts with post meta at the bottom’ is closed to new replies.