How to make the theme Twenty Fourteen full screen?

• 

  steroidsraw · Member · Aug 23, 2016 at 9:02 am

  • Copy link
  • Add topic to favorites

  There is a blank space on the right

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

• 

  thesacredpath · Member · Aug 23, 2016 at 9:25 pm

  • Copy link

  Hi there, for easy reading, it is generally best to keep the text-based content at around 500-750px in width. That said, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see what you think.

  .site {
      max-width: 100%;
  }
  .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
      max-width: 100%;
      width: 100%;
  }
  img.size-full, img.size-large, .wp-post-image, .post-thumbnail img, .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption, .site-header {
      width: 100%;
      max-width: 100%;
  }