css for full-width posts and pages

• 

  meganblunk · Member · Nov 16, 2016 at 10:56 am

  • Copy link
  • Add topic to favorites

  how do I add a CSS to change both my page and posts to full-page width template and still enable them to automatically resize on mobile phones and other devices?

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

• 

  thesacredpath · Member · Nov 18, 2016 at 2:21 pm

  • Copy link

  Hi there, first let me mention that for ease of reading, it is best to keep text content between 500 and 750 pixels in width. Wider than that and it becomes much more difficult for people to read and move from one line to another.

  That said, add the following to your custom CSS and see what you think.

  .site-main {
      margin-right: 0;
      width: 100%;
  }
  .entry-wrapper {
      max-width: 85%;
      width: 100%;
  }
  img {
      width: 100%;
  }