Need help? Check out our Support site, then


Size of Grid in Suburbia Theme

  1. Hello,
    I've been looking to make the height of each of the boxes in the grid of the Suburbia theme smaller. Here is what is in my CSS for the grid currently:

    .grid {
    padding:20px;
    width:155px;
    height:480px;
    overflow:hidden;
    border-top-color:rgb(224,224,224);
    border-right-color:rgb(224,224,224);
    border-top-width:1px;
    border-right-width:1px;
    border-top-style:solid;
    border-right-style:solid;
    float:left;
    display:block;
    position:relative;
    word-wrap:break-word;
    }

    When I try to make the height where I'd like it (430px) it auto-bumps the final post in the second row to a new third row which I do not want!

    Any help would be appreciated!

    Also, does anyone know how to add in the "continue reading" link into the grid boxes? I'm afraid no one will know there is more to the post!

    Thanks in advance :)

    The blog I need help with is boozeinboston.com.

  2. Hi boozeinboston,

    In order to change the height of the grid, you need to change 3 places.

    .grid {
    	height: 430px;
    }
    .aside {
    	height: 430px
    }
    #access {
    	height: 450px;
    }

    Regarding the Continue Reading link,
    In order to show the link, a post needs to have more than the word count of the default break at the excerpt length which is 32 in Suburbia before the more tag. It is a known issue in WordPress core and I'm sure one day it gets fixed but unfortunately I don't have the timeframe at this point :(

    In the meantime, if I may suggest you, there are three workarounds.

    1. Making sure a post has more than 32 words before the more tag.
    2. Not placing more tag at all and let the theme to show the excerpt automatically.
    3. Adding manually the following link and what you want to show in the grid to the excerpt panel.
    <a href="CHANGE HERE WITH THE PERMALINK">Continue Reading<span class="meta-nav">→</span></a>

    None of them might not be ideal but I hope it helps. Please let me know if you need further assistance.

  3. Thank you so much for your assistance!

  4. You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic