Support » Themes and Templates » Expand Content Area Width in Twenty Eleven Theme

  • Resolved Design Locker



    I am using a twenty eleven child theme and am struggling to get the content to fit the full width of the site.


    I want the content area to be the same width as the navigation/header at the top of page. I have the page set to “default template”.

    I have added the code below but it still does not stretch 100% and I for the life of me cannot find any padding/margins associated with it. …

    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
    	margin: 0 auto;
    	width: 100%;

    I am familiar with twenty ten and used to just select “one column/no sidebar”. This is my first attempt with twenty eleven.

    Any suggestions would be most welcome.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael


    Forum Moderator

    for those general formatting problems, try to work with a browser tool such as Firebug (or an equivalent tool for other browsers) to figure out which styles you need to edit;

    in your case you need to reduce the left and right margins of .singular #content:

    .singular #content {
    	margin: 0 7.6%;
    Design Locker


    Hi alchymyth,

    Thank you so much. I tried and tried to find this (I use firebug) but failed.


Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Expand Content Area Width in Twenty Eleven Theme’ is closed to new replies.