.entry-footer placement in one line

Besides setting entry-content width to 100% as you already have:

@media screen and (min-width: 61.5625em) {
body:not(.search-results) article:not(.type-page) .entry-content {
	width: 100% !important;
}

You need to set entry-footer width to 100% also:

body:not(.search-results) article:not(.type-page) .entry-footer {
    float: left;
    margin-top: 0.1538461538em;
    width: 100%;
}

then set this one to “inline” to show the “/” as divider between the footer content:

body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:first-child):before {
	display: inline;
}

And finally set this one to “inline-block”

.single .byline,
.full-size-link,
body:not(.search-results).group-blog .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-block;
	margin-bottom: 0.5384615385em;
}

That seems to do the trick! ??

Very good job! ?? Functions perfectly!
Many Thanx Erik!

This is what I was looking for as well, however I have 3 more questions:

1) why is the author shown on the full article, but not on the excerp?
2) is it possible to hide/remove the tags en categories from this line of meta information (probably it is, but how)?
3) is it possible to add text (like “posted on” of “posted by”)?

I have seen some of this questions inother posts in this forum but with answers that worked. At least not when placing it in-line, under the content like Erik is explaining.

thanks in advance,
Bas

kokojumbo Could you tell me how you got the .entry-footer to the top of .entry-content? What’s the best way to do this using a child theme? Thanks!

Hello kpowed,
Change this file: twentysixteen – template-parts – content.php.

https://s14.postimg.org/x6ucti54x/bel.png

I tried this solution but all these links at bottom are not seperated by “/” but close to each other. How can I put “/” in between the various items.

Thanks

@erik_hansen suggested this:

body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:first-child):before {
	display: inline;
}

However that didn’t work for me either.

I found the solution though. This is the code I’ve added in the end and that works for me (also using answers above from @erik_hansen):

@media screen and (min-width: 61.5625em) {
    
    /*  Revert settings from the parent theme. 
        We always want footer information at the bottom and not on the left if
        we have a wider screen. 
     */
    
    body:not(.search-results) article:not(.type-page) .entry-content {
		width: 100%;
	}
    
    body:not(.search-results) article:not(.type-page) .entry-footer {
		/*float: left;*/
		/* margin-top: 0.1538461538em; */
		/*width: 21.42857143%; */
        margin-top: 2.1538461538em;
        width: 100%; 
	}
    
    body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
		/*display: none;*/
        display: inline-block;
	}
    
    .single .byline,
    .full-size-link,
    body:not(.search-results).group-blog .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-block;
        margin-bottom: 0.5384615385em;
    }
    
}
 

• This reply was modified 7 years, 7 months ago by kasperkamperman.