How can I make my posts wider?

• 

  rainyleaf · Member · Aug 26, 2013 at 5:13 am

  • Copy link
  • Add topic to favorites

  I am using the theme Yoko and hate all the empty space on either side of my screen. How can I expand the width of my posts to fill the screen more fully?
  Please advise!
  Thanks,
  Elaine

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

• 

  kraftbj · Staff · Aug 26, 2013 at 11:11 pm

  • Copy link

  Howdy,

  Yoko should, be default, be willing a majority of the screen for the vast majority of users. Could you send me screenshot so I could have a better idea of what we can look to help with?

  It’s possible that the zoom set on your browser may have been changed that may have it looking off. In Windows, you can try pressing Ctrl+0 (zero) to reset the zoom to 100% or on a Mac, it would be Cmd+0.

  Thanks for contacting us and letting us know. I look forward to seeing your screenshot and we can dive in deeper.

• 

  rainyleaf · Member · Aug 27, 2013 at 3:04 am

  • Copy link

  Hi, Thanks for your help, I can’t figure out how to send my screenshot to you in this format. Is there an email I can send it to?
  Elaine

• 

  kraftbj · Staff · Aug 27, 2013 at 8:12 am

  • Copy link

  Hi Elaine,

  The quickest way to ensure it doesn’t get caught in a spam filter or anything like that is to upload it to your site’s media library at https://rainyleaf.wordpress.com/wp-admin/media-new.php and let me know once it’s uploaded.

  I can check it out, then delete it once we’re done. That’ll also help in case anyone else on staff needs to review it as well.

  Cheers!

• 

  rainyleaf · Member · Aug 27, 2013 at 3:06 pm

  • Copy link

  Okay, I just uploaded it to the rainyleaf media library. Let me know what you think!
  Thanks,
  Elaine

• 

  kraftbj · Staff · Aug 28, 2013 at 2:51 pm

  • Copy link

  Hi Elaine,

  Cool. The way it is setup now is that it will fill the screen for the average user, but max-out at that width. You can make it bigger by going to Appearance->Custom Design->CSS in your dashboard. The CSS editor loads at the right, you can add this at the bottom:

  #page {
  max-width: none;
  }

  which would fill the entire screen at all sizes.

  A middle-ground would be to set a different max-width. By default, it is set to 1102px, so you can try something higher by using the following (instead of above)

  #page {
  max-width: 1500px;
  }

  The CSS editor will change the preview after a second or two so you can get a sense of it before saving it, using the blue save button in the bottom right.

  Please let me know if you have any questions or need anything else. Thanks for using WordPress.com!