Changing From 5 to 3 Columns Using the Suburbia Theme

  • Author
  • #912239


    I’m using the Suburbia theme and I would like to change the from 5 columns to 3 columns on the main page of my blog. How do I do this?

    The blog I need help with is


    This might do the trick:

    .grid:nth-of-type(4), .grid:nth-of-type(5) {
    display: none;
    via inspector.grid {
    width: 285px;

    It will only work for newer browsers.






    There’s and empty panel in the bottom left corner of my blog. I wanted to either post some images in that section or a calendar. Is there a way I can post in that section because the template isn’t allowing me?


    There isn’t a way to add content to the bottom left block of the Suburbia theme through the theme options, but what you can do is use absolute positioning to move a widget from another area into that space. Here’s an example you can start with:

    #bottom-wrapper {
    	position: relative;
    #image-7 {
    	position: absolute;
    	left: 20px;
    	top: 20px;
    	width: 155px;

    To use a different widget, you should look at the page source, find the ID value for it, and replace “image-7” with the new ID value you found.

The topic ‘Changing From 5 to 3 Columns Using the Suburbia Theme’ is closed to new replies.