How to make POST fill space on left and move author, etc to bottom

  • Resolved Craig Reynolds

    (@mstrmndmaven)


    8 years, 3 months ago

    Twenty Sixteen theme is a delight. Client (AKA my wife) wants blog posts to extend to the left margin and move Author, etc. to the bottom of post. I’ve found various responses to the moving author, etc, but none that have then addressed the main issue, to whit:

    How to fill the space in the left column (which is one big column, after all) with the blog post content, from left margin to RH column border.

    …in addition, how to ELIMINATE the Author name and thumbnail?

    …and move the category and date to the bottom of the post.

    site: https://blog.makeadifference.com/ Thanks for any help…

Viewing 6 replies - 1 through 6 (of 6 total)

  • keep your client happy ?? 

    @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;
	}
}
body:not(.search-results) article:not(.type-page) .author.vcard
{
	display: none;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:first-child:after
{
	content: "";
	padding: 0;
}
    Thread Starter Craig Reynolds

    (@mstrmndmaven)

    A smashing success! This did everything for me. I hope others will enjoy the simplicity and effectiveness you have accomplished, all with -child CSS. You do quality work Michael. Thank you (Happy Wife = Happy Life!)

    (Happy Wife = Happy Life!)

    I cannot agree more –
    have a good day ??

    I see the code you posted. I just don’t know where to put it. I know it goes in the CSS feed. But do I put it at the top? And do I remove anything in between. I really want to get rid of that icon and tags so my content can be better displayed. Will this automatically adjust most of my posts? As far as the images?

    Thread Starter Craig Reynolds

    (@mstrmndmaven)

    kitty,
    I’m no expert, but I have been at this long enough to know this much:
    1… created a child theme (there are many tutorials on this subject)
    2… inserted the CSS that Michael posted here at the *end* of my /wp-content/themes/twentysixteen-child/style.css file
    3… uploaded it – did not change anything else

    And as the TV chef says: “BAM” it immediately worked:
    > Every post now covers the left column wall-to-wall
    > Images as well a text are handled
    > The author Avatar and name are removed entirely
    > The date and category are displayed left-justified at the end of the post.

    PS for clarity, this affect all blog posts, but not any pages.

    Thanks all for this I found it quite helpful… but am having trouble getting it to work on my site. I actually had to use a plugin to remove the metadata since I couldn’t get the CSS to work – but I still see my information not formatting to the left. Any help would be great.
    My site

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to make POST fill space on left and move author, etc to bottom’ is closed to new replies.