Reducing black space around the front grid

• 

  dfcollin · Member · Jan 11, 2014 at 2:08 am

  • Copy link
  • Add topic to favorites

  I’d like to reduce the space beneath each image in the front page grid in Twenty Fourteen. I’d like to get rid of the category beneath each picture and or reduce the black space to tighten the grid up vertically. The grid takes up the whole screen and it’s not obvious that there is more site information below the grid. Any way to do that?

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

• 

  kaniamea · Member · Jan 12, 2014 at 1:27 pm

  • Copy link

  In order to decrease the width, add to your Custom Design => CSS:

  .featured-content .entry-header {
      height: 120px; // Edit your height here
  }

  To remove the categories, add:

  .cat-links {
  display: none;
  }

  However, this will remove the categories from the posts too.

• 

  justpi · Member · Jan 12, 2014 at 1:35 pm

  • Copy link

  @dfcollin: Do you have the Custom Design upgrade? If no, you can’t do what you’re looking for. If yes, you need to post CSS editing questions in the CSS forum, not the Themes forum.

• 

  gorjaeous · Member · Jan 13, 2014 at 1:51 am

  • Copy link

  I want to do the same in my site: http://gorjaeous.com. I have Custom Design upgrade, but I am not articulate with CSS editing. Can anyone please assist me on how to do this?

  Many thanks in advance,
  Jae

• 

  justpi · Member · Jan 13, 2014 at 3:08 pm

  • Copy link

  @Jae: We can assist, but as I pointed out above you need to post your question in the CSS forum.

• 

  gorjaeous · Member · Jan 13, 2014 at 11:23 pm

  • Copy link

  OK, thanks, @justpi.