Reducing black space around the front grid

  • Author
    Posts
  • #1596542

    dfcollin
    Member

    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 tualatinrefuge.wordpress.com.

    #1596671

    kaniamea
    Member

    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.

    #1596672

    justpi
    Member

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

    #1596702

    gorjaeous
    Member

    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

    #1596704

    justpi
    Member

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

    #1596760

    gorjaeous
    Member

    OK, thanks, @justpi.

The topic ‘Reducing black space around the front grid’ is closed to new replies.