Fresh and Clean Meta

• 

  ladyonarock · Member · Mar 30, 2013 at 5:24 am

  • Copy link
  • Add topic to favorites

  I would like to move the data under the title of all blog posts to the end of the posts. I tried and used the customization:
  .entry-meta {
  position: absolute;
  bottom: -10px;
  It moves everything at the bottom, but gets squished up and is not formatted correctly.

  Also, currently on all blog posts on my site at the bottom the words “9 Bloggers like this” is cut-off. Is there something I can do to fix this?

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

• 

  thesacredpath · Member · Mar 30, 2013 at 5:42 am

  • Copy link

  This is a first run at things, but I think it will work. Modify your #content rule to look like the top (add position: relative; ) and then add the others and then preview your site looking at different posts to make sure things line up the way they should. Using Firebug, I have to add all the rules a line at a time when I view different pages.

  #content {
      width: 69.6%;
      position: relative;
  }
  
  .single .entry-meta {
      position: absolute;
      bottom: 200px;
  }
  
  .single .entry-content {
      padding-bottom: 20px;
  }
  
  .single div.sharedaddy {
      padding-top: 40px;
  }

• 

  ladyonarock · Member · Mar 30, 2013 at 5:52 am

  • Copy link

  Thank you for your help. The data looks perfect and at the bottom now, but the writing “6 bloggers like this” under the likes from bloggers is still cut off. It almost looks like there is a light bar on the right side of the like section.

• 

  thesacredpath · Member · Mar 30, 2013 at 6:03 am

  • Copy link

  Can you give us the URL for the post where “6 bloggers like this” is so we can look at that?

• 

  ladyonarock · Member · Mar 30, 2013 at 6:07 am

  • Copy link

  You bet this blog entry has “8 bloggers like this” cut-off.
  http://ladyonarock.wordpress.com/2013/03/28/interview-with-thru-hiker-monkey/

• 

  ladyonarock · Member · Mar 30, 2013 at 6:09 am

  • Copy link

  I should say the bottom half of the letters are cut-off. It is consistent on all posts.

• 

  thesacredpath · Member · Mar 30, 2013 at 6:35 am

  • Copy link

  Sorry, I’m stumped on the “X bloggers like this” bit.

• 

  justpi · Member · Mar 30, 2013 at 1:20 pm

  • Copy link

  I’m not seeing what you’re seeing, in any of the browsers I use, but I think I can tell why it could be happening. Try adding this:

  .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget {
      height: 60px;
  }

• 

  ladyonarock · Member · Mar 30, 2013 at 2:26 pm

  • Copy link

  It worked! I didn’t even think about it being my browser. The words were cut-off only on my iMac, not on my Macbook or PC all using Firefox. Previously I cleared cookies and cache but it didn’t help. Thank you. Everything looks beautiful.