Aligning Recent Posts on Triton LIte

• 

  nikkigermany · Member · Dec 6, 2012 at 7:53 pm

  • Copy link
  • Add topic to favorites

  I am using Triton Lite. The Recent Posts on the Home Page have text of either four or five lines. How can I standardize this so that the posts are all horizontally aligned?

  Thanks
  Nikki

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

• 

  designsimply · Member · Dec 27, 2012 at 7:23 am

  • Copy link

  How many lines appear is a matter of the font, how much text each snippet has, and how the lines wrap, so there isn’t a really reliable way to adjust that with CSS only. Also, you’re really working against what the theme was designed to do which is to push each block into a small element arrange them like bricks. See this page for a visual example showing how it’s supposed to work:
  http://masonry.desandro.com/

  One possible workaround if you’re trying to make each block the same height using CSS only could be to expand the elements that have a variable height until they match each other as closely as possible. Based on your current posts, here is some example CSS you can try out on your Appearance → Custom Design → CSS page to see what I mean:

  .lay1 > div .postitle a {
      display: block;
      min-height: 52px;
  }
  
  .lay1 > div .triton-lite-excerpt {
      min-height: 138px;
  }