[resolved] Expand Content Area Width in Twenty Eleven Theme (3 posts)

  1. Design Locker
    Posted 3 years ago #


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

    See http://www.adlibprint.ie/

    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.

  2. Michael
    Part-Time Forum Moderator
    Posted 3 years ago #

    for those general formatting problems, try to work with a browser tool such as Firebug http://getfirebug.com/ (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%;
  3. Design Locker
    Posted 3 years ago #

    Hi alchymyth,

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


Topic Closed

This topic has been closed to new replies.

About this Topic