autofocus get rid of date on posts

• 

  madeleinelawson · Member · Feb 1, 2012 at 5:12 am

  • Copy link
  • Add topic to favorites

  i Want to get rid of the date on each post i find it far to big and obtrusive when uploading images. how do i get rid of it

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

• 

  thesacredpath · Member · Feb 1, 2012 at 5:26 am

  • Copy link

  The first gets rid of the date on the main landing page.

  .featured-date {
  display: none;
  }

  This gets rid of the date on the individual post pages.

  .entry-date {
  display: block;
  }

  Didn’t know which you mean, so I provided both.

• 

  thesacredpath · Member · Feb 1, 2012 at 5:28 am

  • Copy link

  Oops, I forgot to edit the second bit of code. Use this instead to remove the date from the single post pages.

  .entry-date {
  display: none;
  }

• 

  sauceestudio · Member · Mar 7, 2012 at 11:20 pm

  • Copy link

  thesacredpath, you rock! Another question.. is there any way to display the post tittle instead of the date in Autofocus Theme? best regards

• 

  designsimply · Member · Mar 8, 2012 at 12:44 pm

  • Copy link

  Is there any way to display the post tittle instead of the date in Autofocus Theme?

  There isn’t. Using CSS, you can change the look of existing elements, but you cannot replace elements such as changing out the date for the post title.

• 

  wherearemypics · Member · Mar 12, 2012 at 3:48 am

  • Copy link

  Hi. Somebody knows how to make my featured images look centralized? Thanks.

  http://www.wherearemypics.com

• 

  chlo3z · Member · Mar 12, 2012 at 4:35 am

  • Copy link

  my ‘body font’ wont change using typekit in the autofocus theme?
  any suggestions?

• 

  designsimply · Member · Mar 20, 2012 at 8:53 pm

  • Copy link

  @wherearemypics, I checked http://wherearemypics.com/ and I found that you’ve added custom CSS to make all of the images on the AutoFocus home page 800px wide. If you’d be willing to share your custom CSS in the forums, please do it in a new thread. :)

  Right now, I see one post, “Festa de Formatura – La Salle”, which has an image smaller than 800px and so it doesn’t look centered. You can center it by changing the width from 400px to 800px in the “.featured-thumbnail” block in your current custom CSS. Or, you could set a featured image for that post that is at least 800px wide and it will fill up the space.

• 

  designsimply · Member · Mar 20, 2012 at 9:13 pm

  • Copy link

  @chlo3z, I tested setting the Body Text font for AutoFocus on my test blog and it worked in my test. Maybe some of the CSS you added is interfering? Could you please post a link to your blog so we can take a closer look at the custom CSS you’ve added?

• 

  wherearemypics · Member · Mar 24, 2012 at 12:15 am

  • Copy link

  Hi, @designsimply.

  I’m a photographer. I don’t know anything about CSS. I asked a friend to change it to me. (I just know how to change image sizes.)
  
  This is my Custom CSS. I hope nobody uses it the same way I do. Feel free to change it and make your own layout.

  #entry-meta {
  display:none;
  }

  #footer {
  font-size:6px;
  text-align:center;
  visibility:hidden;
  }

  #container {
  display:block;
  width:810px;
  margin:0 auto;
  padding:24px 0 0;
  }

  #content {
  width:810px;
  margin:0 0 24px;
  }

  #content .featured img {
  background:#f8f8f8;
  max-width:400px;
  }

  .featured,.archive .featured,.search .featured {
  background:#f8f8f8;
  color:#444;
  display:inline;
  position:relative;
  height:266px;
  overflow:hidden;
  width:800px;
  margin:0 0 5px;
  }

  .archive .featured,.search .featured {
  width:595px;
  height:211px;
  margin:0 5px 5px 0;
  }

  .sticky.featured {
  background:#e8e8e8;
  width:800px;
  margin:0 0 5px;
  }

  #content .sticky.featured img {
  background:#e8e8e8;
  }

  .featured-thumbnail {
  display:table-cell;
  height:266px;
  overflow:hidden;
  text-align:center;
  vertical-align:middle;
  width:800px;
  }

  .archive .featured-thumbnail,.search .featured-thumbnail {
  height:211px;
  }

  .featured-trigger {
  background:url(‘images/loading-image.gif’) no-repeat center center;
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  }

  .hide-trigger-background {
  background:#f8f8f8;
  position:absolute;
  height:100%;
  width:100%;
  }

  .sticky .hide-trigger-background {
  background:#e8e8e8;
  }

  .featured-trigger:hover {
  text-decoration:none;
  }

  .featured-date {
  color:#fff;
  font-size:43px;
  line-height:48px;
  position:absolute;
  top:5px;
  left:15px;
  text-shadow:#686868 1px 1px 1px;
  z-index:1;
  }

  .no-featured-image {
  color:#c8c8c8;
  text-shadow:1px 1px 1px #787878;
  }

  .no-featured-image + .featured-banner {
  filter:alpha(opacity=70);
  opacity:.7;
  visibility:visible;
  }

  .featured-position-0,.featured-position-1,.featured-position-2,.featured-position-3,.featured-position-4,.featured-position-5,.featured-position-6,.featured-position-7,.featured-position-8,.featured-position-9,.featured-position-10,.featured-position-11,.featured-position-12,.featured-position-13,.featured-position-14,.featured-position-15,.featured-position-16,.featured-position-17,.featured-position-18,.featured-position-19 {
  width:400px;
  margin:0 5px 5px 0;
  }

  .featured-banner {
  background:#fff;
  position:absolute;
  bottom:0;
  left:0;
  visibility:hidden;
  width:100%;
  z-index:2;
  filter:alpha(opacity=0);
  opacity:0;
  }

  .featured-trigger:hover .featured-banner {
  visibility:visible;
  filter:alpha(opacity=70);
  opacity:.7;
  }

  .featured-title,.featured-excerpt {
  font-size:14px;
  line-height:24px;
  margin:0;
  padding:0 12px;
  }

  .featured-title {
  font-weight:bold;
  padding-top:12px;
  }

  .featured-excerpt {
  padding-bottom:12px;
  }

  .featured-excerpt p {
  margin:0;
  }

  BTW. Somebody knows how to hide the featured image from the post page (not from home)? http://wherearemypics.com/2012/03/17/31029/