Removing the date and author from posts in Vision theme

• 

  johnianstone · Member · May 26, 2015 at 10:21 pm

  • Copy link
  • Add topic to favorites

  I am trying to remove the author and date from all posts on my blog so that it looks more like a static website. I have tried using the CSS editor to remove each of these separately, as follows:

  .author {
  display: none;
  }
  .entry-date {
  display: none
  }

  However this leaves the labels “by” and “on” on every post, and “x days ago” in the featured content panes on the homepage. Is there any way to remove all of this post metadata? I have tried the following, to no avail…

  .entry-meta {
  display: none
  }

  Thanks for your help!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 27, 2015 at 1:28 am

  • Copy link

  Hi there, to remove the date and the author from single post pages, change the rule you have not to the following:

  .entry-date, .postmetadata {
      display: none;
  }

  I used the web inspector built into my browser to find the relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.

• 

  johnianstone · Member · May 27, 2015 at 9:35 am

  • Copy link

  Thank you so much for this – the rule you suggested worked perfectly! I will now definitely start teach myself how to view and edit the CSS properly.

  I have just one related issue, which is that when the post metadata is removed it leaves an insufficient gap between the title and the main text. Can I use a CSS rule to add a small space in place of the metadata?

  Thanks again, I really aprreciate your help.

• 

  thesacredpath · Member · May 27, 2015 at 6:53 pm

  • Copy link

  Super and you are welcome.

  We can increase the bottom margin on the post titles on the single post pages with the following CSS. You can adjust the 25px value I included as you desire.

  .single .main article.post h1.title {
      margin-bottom: 25px;
  }

• 

  johnianstone · Member · May 28, 2015 at 10:23 am

  • Copy link

  Thank you so much! That works perfectly. The posts themselves are now fine, but the remaining issue I have is that the automatically-generated “featured content” snippets that appear on the front page and category pages are not affected by the CSS you provided, so there is still insufficient space between the titles and text. Is there anything I can do about that? I have tried finding the relevant CSS but it’s a bit beyond me!
  Thanks again…

• 

  thesacredpath · Member · May 28, 2015 at 1:42 pm

  • Copy link

  The main page has different selectors, and I had specifically targeted the single post pages with the other code. The following will do the entries on the main page and on category/tag/archive type pages as well.

  .main .showcase .item h2, .main article.post-archive .entry h2 {
      margin-bottom: 25px;
  }

• 

  johnianstone · Member · May 28, 2015 at 10:51 pm

  • Copy link

  Thank you very much for this – it’s just the job. Very grateful.

• 

  thesacredpath · Member · May 29, 2015 at 6:02 pm

  • Copy link

  You are welcome. :)