How to reduce width of content in Hatch theme

• 

  amazingsusan · Member · Jun 25, 2013 at 9:29 pm

  • Copy link
  • Add topic to favorites

  Can you tell me how to reduce the content width of Hatch? I don’t like the content to spread across the whole page, it’s too wide to read easily :( I’m using it here: http://amazingsusansblog.wordpress.com/

  Thank you so much.

• 

  helper-heroponriki · Member · Jun 26, 2013 at 8:57 pm

  • Copy link

  Hi there!

  Since you have the Custom Design upgrade, you can use custom CSS to adjust this. Add this bit of code to your CSS Stylesheet Editor by going to Appearance -> Customize -> CSS from your dashboard:

  #page {
  max-width: 940px;
  }

  The 940px is what the max-width currently is for the Hatch theme, so to make it narrower, you would have to put a smaller number than 940px in that code above.

  I hope that helps! Let me know if you have any questions.

• 

  amazingsusan · Member · Jun 27, 2013 at 3:12 am

  • Copy link

  TYSM.

  However, I want the width to stay at 940 pixels on the pages. It’s only the content in the posts that I want to be 640 pixels… Is that possible?

  Also, it would only be the content that appears below the pic and the Date, Author, category information that appears on the RHS beside the image which is on the left hand side. I’m a writer and I have lots of words – it’s too hard to read spread across the width of the page.

  I chose Hatch because I love the idea of attracting people to posts with interesting visuals. Maybe I’ve made the wrong theme choice, but this is the third one I’ve tried… Ideas?

  Thanks, Susan

• 

  rachelmcr · Member · Jun 28, 2013 at 8:19 am

  • Copy link

  Hi Susan, you can indeed change just the width of the blog post content. To do this, add the following code to your CSS Stylesheet Editor by going to Appearance -> Customize -> CSS from your dashboard:

  .entry-content {
  width: 640px;
  }

  Let me know how that works for you! :)