change column width in koi

• 

  barefootlisa · Member · Feb 8, 2013 at 12:31 pm

  • Copy link
  • Add topic to favorites

  How do you change the column width in Koi theme so that the main column (middle. where blog post goes) is wider and the right sidebar (with date of post) is smaller? I DO have customization. Thanks so much.

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

• 

  designsimply · Member · Feb 18, 2013 at 8:19 pm

  • Copy link

  Here is some example CSS to get you started. It expands the content container and content areas by 100px and reduces the width of the sidebar by 100px. You can choose different numbers if you’d like.

  #content {
  	width: 752px;
  }
  
  #content .hentry.post {
  	width: 645px;
  }
  
  #sidebar {
  	width: 166px;
  }

  One of the form buttons doesn’t adjust automatically, so you can use this to force it:

  .widget input[type="submit"] {
  	max-width: 100%;
  }

  And the Facebook widget is a little tougher, you can control the overall width of it, but you can’t target the things inside it because the core elements inside that widget are controlled by Facebook directly. Trying to decrease the width of the Facebook like container doesn’t really look too great, so you might want to leave it expanded. Here is an example of making it smaller:

  .widget_facebook_likebox iframe {
  	max-width: 100%;
  }