Full width page doesn't work

• 

  greyrocket · Member · Sep 7, 2015 at 10:30 am

  • Copy link
  • Add topic to favorites

  Using Twenty Fourteen theme on WordPress.com, I find that when I set a page to full width it doesn’t work. The right column is hidden but the text doesn’t adjust to the full width. It just centres on the page but keeps the original width.
  This test page shows.
  Test page
  In the back end when editing the page content the text is also restricted to the width it will be displayed.
  Is there something I need to change in a setting somewhere.

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

• 

  sfarley85 · Member · Sep 7, 2015 at 11:42 am

  • Copy link

  Hi greyrocket,

  The Twenty Fourteen theme appears to set a max-width of the content section to 474px, thus the text will never extend beyond this. You can override this with the following CSS though:

  .site-content .entry-content {
  
      max-width: 900px;
  }

  Note that doing this may adversely impact the themes’ display on mobile or tablet views, though you’ll have to test to be sure. You can try these settings on the fly in your browser without having to change your CSS by using Chrome’s developer tools or Firebug for Firefox.

  Hope this helps, if you have any questions let me know!

• 

  greyrocket · Member · Sep 7, 2015 at 12:17 pm

  • Copy link

  Thanks so much for that. It seems to work fine and I will test more on a mobile interface.

• 

  sfarley85 · Member · Sep 8, 2015 at 2:03 am

  • Copy link

  No problem! It should work fine on mobile as well, it’s just with any changes like this there’s always the possibility it throws something out of whack on another screen size so I just wanted to mention it.

  Happy blogging!