Changing From 5 to 3 Columns Using the Suburbia Theme

• 

  urbanlinc · Member · Jun 9, 2012 at 11:18 pm

  • Copy link
  • Add topic to favorites

  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?

  http://gbi2020.wordpress.com/

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

• 

  designsimply · Member · Jun 14, 2012 at 2:43 am

  • Copy link

  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.

• 

  urbanlinc · Member · Jun 14, 2012 at 5:19 am

  • Copy link

  THANKS!!!

• 

  urbanlinc · Member · Jun 14, 2012 at 5:24 am

  • Copy link

  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?

• 

  designsimply · Member · Jun 15, 2012 at 6:18 pm

  • Copy link

  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.