gazette theme; reducing space featured images

• 

  mrsjackstyling · Member · Jan 11, 2016 at 9:58 am

  • Copy link
  • Add topic to favorites

  Dear all,

  My site address is http://www.mrsjack.net

  I would like to reduce the space between the bottom text of the the top row of featured images, and the top of the second row of featured images; on the homepage and all other pages which show all the featured images at once.

  Can that be done with a css code?
  If so, can anyone help me to that code?

  Thanks in advance,
  Jack

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

• 

  thesacredpath · Member · Jan 12, 2016 at 7:22 am

  • Copy link

  Hi there, give the following a try. I’ve used a media query to limit this to when there are three columns although it also works with two, but not with one. When the display goes to one column, things return to the normal spacing

  @media screen and (min-width: 960px) {
  .blog .hentry:nth-child(-n+3), .archive .hentry:nth-child(-n+3) {
      margin-bottom: 0 !important;
  }
  .blog .hentry .entry-summary p:nth-child(-n+3) {
      margin-bottom: 10px;
  }
  }