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 – Pieter Goosen May 10 '14 at 17:04
  • It is true that CSS is not WordPress. But CSS is integral for nearly all WordPress customization. – cag8f May 10 '14 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 '14 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 '14 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 '14 at 17:33

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, privacy policy and cookie policy

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