WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve
Left Column Option (10 posts)

  1. shawn00m
    Member
    Posted 1 year ago #

    One of the things I loved about Twenty Eleven was the option to put the sidebar on the left or right. First, why take that out of Twenty Twelve? Second, is there a simple way to swap the column from the right to the left?

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    there is;

    create a child theme first; http://codex.wordpress.org/Child_Themes

    for example, below is what you would add to the style.css of the child theme to move the sidebar over to the left:

    /*-- move sidebar to the left --*/
    @media screen and (min-width: 600px) {
        .site-content {
            float: right;
        }
        .widget-area {
            float: left;
        }
    }
    
    /* for IE8 and IE7 ----------------*/
    .ie .site-content {
        float: right;
    }
    .ie .widget-area {
        float: left;
    }
  3. dianabyron
    Member
    Posted 1 year ago #

    Me too, I loved that about Twenty Eleven and really annoyed that they trashed it in Twenty Twelve!
    That's great Alchymyth, but where in the file does it go? It's a very big file!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    It isn't a big file if you use a Child Theme. Are you using a Child Theme?

  5. dianabyron
    Member
    Posted 1 year ago #

    I tried sticking that code into a copy of style.css, at the bottom below the last } as per someone else's post, then uploaded it into a new folder called twentytwelve-child, then refreshed my website but the sidebar of widgets is still on the RHS! Is there something else I have to do to make the new style sheet work?

  6. dianabyron
    Member
    Posted 1 year ago #

    I get an error message from the theme page saying that the child theme needs a template as well as a style sheet. But there's nothing about this on the wordpress codex for uploading child themes! So I found the missing line and did it all again - and the widget sidebar moved to the left but it destroyed my header logo! I re-uploaded the header logo, but it does not show. Can anyone tell me what I do now?

  7. dianabyron
    Member
    Posted 1 year ago #

    Blundered around, did it by re-uploading the logo to the media library and choosing the header from there instead of browsing desktop....

  8. shawn00m
    Member
    Posted 1 year ago #

    I just realized I never posted a reply to alchymyth to report on his suggestion. I was able to make it work as he suggested. So, thanks for that.

    To be honest, I'm still trying to wrap my head around child themes. I get the concept, but I'm having trouble applying it and getting the results I want. I feel like I have to deconstruct TwentyTwelve to do it and that's one heck of a stylesheet.

    I wish there was a stripped down responsive theme out there with very little preset styling so I wouldn't have to dissect it so much to override the presets.

    Sorry, I'm rambling. But if anyone knows of such a holy grail theme, I will be in your debt if you could pass it on.

  9. dianabyron
    Member
    Posted 1 year ago #

    I'm unsubscribing from this thread for now, but if anyone wants to ask me something about my post, please feel free!

  10. lijitimit
    Member
    Posted 1 year ago #

    Here is a great tutorial if you want three columns: http://zeaks.org/tutorials/twenty-twelve-theme-three-column-layout/
    and an example I modified: http://www.lijitimit.com/

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic