MH Magazine theme: size of thumbnails & titles

• 

  luxurytravelexpert · Member · Jul 30, 2015 at 3:41 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  When I list thumbnails on my blog – like here: http://theluxurytravelexpert.com/top-10-lists/ – the title of the post under the thumbnail is closer to thumbnail underneath than its own thumbnail. I guessthat I have to
  to add some padding to the post title on the bottom to push the image below it down a bit, but how can I do that ?

  This is the CSS that I currently use for listing the thumbnails:

  .display-posts-listing img {
  margin: 0;
  /*position: absolute;*/
  clip: rect(0px,150px,150px,0px);
  }

  .display-posts-listing .title {
  /*display: none;*/
  }

  li.listing-item {
  display: inline-block;
  width: 191px;
  height: 170px;
  margin: 1px;
  }

  .display-posts-listing .title {
  font-size: 13px;
  }

  Many thx!

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

• 

  g471n · Member · Jul 30, 2015 at 4:59 pm

  • Copy link

  Hi. Try adding the following line of custom CSS.

  .testimonial, .image {
      margin-bottom: 0.1rem;
  }

• 

  luxurytravelexpert · Member · Jul 30, 2015 at 5:01 pm

  • Copy link

  it worked. Thx so much!

• 

  g471n · Member · Jul 30, 2015 at 5:02 pm

  • Copy link

  Awesome :)