Support » Themes and Templates » Twenty Eleven: Aligning Content/Container Left/Right

  • I’m trying to figure out how to modify Twenty Eleven such that the content is left-aligned so that my background image can frame the site on the right. For some odd reason, I’m having zero success searching for any suggestions on how to do this, and Firebug isn’t providing any assistance either. Thanks in advance for any help you can provide!

Viewing 7 replies - 1 through 7 (of 7 total)
  • If you post a link to your site, someone may be able to help you. You can generally adjust positioning with margin settings.

    Be sure that you are using a Child Theme.

    Thanks for the reply, WPyogi. Here’s the URL:

    I’ve looked at the margins, but have no idea what would actually affect the presentation of the content. My experience with TwentyEleven is fairly limited, and I’ve found manipulating it to be surprisingly challenging.

    To that point, is it really necessary to create a child theme to affect this one change? Seems unnecessarily laborious, but I’ll do it if there’s a good reason to…



    Forum Moderator

    Never edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Do please create a child theme for your changes.

    Got it, thanks semi. I have created a child theme for the purposes of making this one change (twentyeleven-left). There’s nothing in style.css yet, because I can’t figure out how to get the main “container” to be left-aligned as opposed to centered.

    Yes, as esmi said, DO make a child theme and re-install a clean copy of the default theme — you will save yourself a lot of grief down the road!

    I looked at your site and I think what you want to do it add the float:left to the following CSS (line 194):

    .one-column #page {
        float: left;
        max-width: 690px;

    It’s still going to look kind of strange when the browser window is narrow — as the background will disappear. To change that effect, you’d probably want to use a fixed width theme — or adjust this one accordingly. That has it’s own disadvantages, especially with so many smaller devices these days.

    Putting the image in the body background creates a number of problems…as you can see. You might want to rethink how you are designing the site and the layout…


    I have the same problem.

    When I add the code WPyogi wrote above nothing happens, because I am working with the option ,,Content on left”, your code is for the right column page.

    When I read through the style.css I can find this:
    /* Right Content */
    /* One column */
    but no headline that says LEFT content.

    (I can’t use the one column option, which brings my text on the left side but shrinks the header to half size…. whyever.. )

    This is how my website looks like:
    This is how I want it to look like:

    I’m VERY thankful for every advice! 🙂

    Regards, Anouk

    @anouk1989 – please start your own thread – this one is outdated adn you don’t have the same issue. You will also need to post a link to your site for help with CSS questions.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Twenty Eleven: Aligning Content/Container Left/Right’ is closed to new replies.