Removing the date column altogether in twenty sixteen

  • Resolved samdttr

    (@samdttr)


    8 years, 6 months ago

    Hello

    I am trying to remove the date column on posts, using twenty sixteen as a theme. It’s probably easier to see what I’m trying to do by seeing the website on it’s development page:

    https://dev.dancetotheradio.com/

    I’ve managed to center the post titles using the ‘add custom CSS’ plugin and a code. What I would like to do is get the body of the posts positioned underneath the title. Previously there was a date of post there which I’ve removed. It must have sat in a column I am told…so what I’m trying to do is remove that column so that the only column on the post is the body of text, and that sits in the centre of the page.

    Can anyone help? Is there a CSS code I can use on ‘add custom css’ that would do it?

    Thanks

    Sam

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

  • Hi there Sam,

    Please let me know if this helps:

    .single .entry-content {
	float: none;
	margin: 0 auto;
}

    (You may need to adjust the selectors or set the float and margin to @important! if the changes don’t go live).

    Thread Starter samdttr

    (@samdttr)

    Hi Sage

    Thanks for this, I tried it but it didn’t work, sorry I’m not very good with CSS what do you mean by set the float and margin to @important…how would this look in code?

    Currently I’m on a workaround using a blog plugin shortcode on a page but I’d much prefer to use the themes posting so when I tested your code I changed it back and put in the code you provided into add CSS (just letting you know in case you check the page now).

    Thanks

    Sam

    Hey Sam,

    No worries, sorry that snippet didn’t work!

    I can see the code showing on your page. As I mentioned it is being overwritten. A fix would be to make sure there are enough selectors (.single .entry-content etc) to make it more specific.

    In this case though, this should work:

    .single .entry-content {
	float: none !important;
	margin: 0 auto !important;
}

    Let me know if that does it!

    Thread Starter samdttr

    (@samdttr)

    Hi Sage

    This is brilliant thanks…it’s half worked for what I want. So…it’s worked brilliantly for the page posts (ie when you click into the post) like this:

    https://dev.dancetotheradio.com/?p=98

    However it doesn’t seem to work on the static page where the posts appear. For me this is the ‘news’ page and the title of the post and a long preview appears. That preview is still too far to the right…do you know how I might move that to the left as with what you showed me for the posts page?

    Here’s the news page:

    https://dev.dancetotheradio.com/?page_id=25

    Thank you so much for your help.

    Sam

    Hey Sam,

    No worries, just a quick addition to the selectors should do it:

    .single .entry-content, .blog .entry-content {
	float: none !important;
	margin: 0 auto !important;
}

    Hope that helps!
    Sage

    Thread Starter samdttr

    (@samdttr)

    Thanks so much Sage this has worked really well. It looks much better when I set it to ‘Justify’ too and I was able to do that in the add custom css adjusting the code above too…so I’ve learnt something too ??

    Super helpful thanks, this has helped me finish the site.

    Sam

    No worries, Sam, glad I could be of assistance! Great you were able to learn something too, CSS is so much fun to work with once you start to get the hang of it.

    • This reply was modified 8 years, 6 months ago by Sage Brownell.

    Hello Sage,

    Would you please help me out too? I have the same problem, and using your code has fixed half the width in individual posts, and none at all in categories. Here, have a look – https://cosmicairport.com/category/articles/ I’ve used a plugin to remove the date, category and author, but this space still just stays there.

    • This reply was modified 8 years, 4 months ago by ashwita.
    • This reply was modified 8 years, 4 months ago by ashwita.

    Hi there!

    Adding something like this might get the look you’re going for?

    .category .entry-footer {
	display: none;
}

.category .entry-content {
	float: none !important;
	margin: 0 auto;
}

    Hope that helps,
    Sage

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Removing the date column altogether in twenty sixteen’ is closed to new replies.