Increasing width of pages in Twenty Eleven

  • Unknown's avatar
    elizabethbuckner · Member ·

    Hi,

    I have the CSS but am not sure how to increase the width of content pages without messing up the static front page — when I increase the width to 998 (which makes content pages look better), the header and featured pages are off center.

    I am trying to do this with a Showcased page as a static front page and a widgit on the left hand side.

    Any help would be great!
    Thanks!

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

  • Unknown's avatar
    thesacredpath · Member ·

    At wordpress.com, it is best not to copy and paste the entire stylesheet into the CSS edit window because is can have less than desirable effects many times.

    Add this to the bottom of the CSS you have in the edit window and see if this does what you are wanting, or close to it.

    .page-template-page_full-php .entry-content, .page-template-page_full-php .hentry {
width: 100%;
}
  • Unknown's avatar
    thesacredpath · Member ·

    I didn’t finish my first paragraph. What you want to do is to put into the CSS edit window, only the specific selectors, and the specific declarations you are adding or changing. Anything that does not change, do not include.

  • Unknown's avatar
    elizabethbuckner · Member ·

    This is very helpful! Thank you for this — it did what I wanted it to, and I took out all my non-edited CSS.

    I do have 2 quick follow-up questions though, if you have a chance to help.

    In the Twenty Eleven theme, the font of the footer widgets makes everything bold and I would like make it not bold, and even increase the size of the font a bit, but I can’t see where in the CSS that would apply. Would it even be possible to edit that? The same with the Showcase Sidepanel — font is bold and large, and changing my font in Fonts doesn’t decrease relative size.

    One other thing — I have a featured post on my homepage and I think it looks good in general, but now that I’ve expanded my width, it has only 2 lines of text and TONS of white space….how can I include more text before the “continue reading”

    Sorry if these are too technical, but I just can’t get a handle on the CSS enough to make these edits myself.

    Thanks again!

  • Unknown's avatar
    thesacredpath · Member ·

    This gets rid of the bold, increases the size by 10% (110%) and also increases the line height by 20% to give the text a little breathing room.

    #supplementary .widget a {
font-weight: normal;
font-size: 110%;
line-height: 120%;
}

    The amount of text shown is set in the theme PHP script files. It may be possible to use the excerpt function to increase the amount of text. See this post by Panos for more information on using that. It won’t work on all themes, so you will just have to give it a try.

  • Unknown's avatar
    thesacredpath · Member ·

    To reduce some of the whitespace below the text on the featured post, play with the height value here:

    .featured-posts {
height: 328px;
}
  • The topic ‘Increasing width of pages in Twenty Eleven’ is closed to new replies.