Need help? Check out our Support site, then

Reducing black space around the front grid

  1. 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

  2. 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.

  3. @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.

  4. I want to do the same in my site: 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,

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

  6. OK, thanks, @justpi.

Topic Closed

This topic has been closed to new replies.

About this Topic