I'm using the twentyfourteen theme and have successfully removed the content (right) sidebar. However, I now want to stretch my content to cover the space left by removing that sidebar. I have added the following to my style.css:

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { width: 100%; }

This increases the width of the content, but it still only covers half of the available width. How can I stretch the content to cover the full width of the page?

  • This is a CSS related question, which is off topic here. You should post this on the wordpress.org forum or maybe try stackoverflow May 10, 2014 at 17:04
  • It is true that CSS is not WordPress. But CSS is integral for nearly all WordPress customization.
    – cag8f
    May 10, 2014 at 17:24
  • >> This is a CSS related question, which is off topic here. Can't the moderators at wordpress.org turn me away with the same argument?
    – cag8f
    May 10, 2014 at 17:26
  • I will post there. But so I know better next time, why is this off topic? Because it is related to CSS?
    – cag8f
    May 10, 2014 at 17:31
  • 2
    It is not off-topic just because it is about CSS. Questions which require knowledge about core internals (like the structure of a core theme) are on-topic.
    – fuxia
    May 10, 2014 at 17:33

1 Answer 1


On or around line 1043 of 2014's style.css you'll find several rules that set a maximum width for content. You might try removing those max-width settings.

I'd also add that you will be wise to make your css changes in either a child theme (check the codex child theme page) or by use of a css plugin, rather than to the theme's style.css. That way when the theme gets updated you won't lose your changes.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.