Need help customizing CSS

• 

  halfablaze · Member · Jan 21, 2020 at 8:35 pm

  • Copy link
  • Add topic to favorites

  https://liftingwords.com/

  This is my blog. Can I reduce each post column’s height? There is a big distance between post title and date posted and it looks like unnecessary white space. It is making my landing page look a little annoying.

  I am hoping it is possible using CSS customization.

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

• 

  supernovia · Staff · Jan 21, 2020 at 10:43 pm

  • Copy link

  Hi @aravsanj, you’d be welcome to include something like this:

  .archive-grid .hentry {
  	  height: 380px;
      min-height: 380px;
  }

  You can adjust the height as needed. Just be sure to test on different screen sizes, or enclose the changes within a size limit like so:

  @media screen and (min-width: 768px) {
    .archive-grid .hentry {
  	  height: 380px;
      min-height: 380px;
    }
  }

  Please adjust the numbers so they work best for you.

• 

  halfablaze · Member · Jan 22, 2020 at 5:18 am

  • Copy link

  That worked well. Thank you very much. :)