Support » Themes and Templates » Modifying TwentyTen for three-column split

  • Resolved rickhorowitz


    WP version: 3.0
    Theme: TwentyTen, modified.

    I’m not knowledgeable enough to build a template from scratch, so I started modifying twentyten — after renaming and copying it as per instructions I’ve read on theme mods — to BCOTUS 2010.

    My current question is probably my lack of adequately understanding CSS box model for page layout.

    I have my three-columns on the page in my sandbox at But the two side-columns are showing up below the container with the content instead of alongside it.

    I think the structure, using <div> tags, is main->container->content for the blog posts and main->primary, main->secondary, main->tertiary and main->quarternary for four widgetized areas which constitute sidebars.

    If I float everything (i.e., “content”, “primary”, “secondary”, “tertiary”, and “quarternary”), shouldn’t those four widgetized areas float up alongside “container” since the parent of “container” is “main”and the parent of the widgetized areas is “main”, also?

    Thank you for any assistance you might provide.

    Rick Horowitz,,
    and several others.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Woo-hoo! Finally getting this thing working.

    Check what I’ve managed to do with TwentyTen from WordPress 3.0, over at (It will eventually be moved to, so if you’re looking at this some time long after I posted it, try there.)


    Nicely done, Rick,

    Do you mind if I ask… did you inherit from twentyten?

    I’ve not been able to do that following the standard instruction, i.e, referring to the parent (Template: <parent>) in the comments section of the child’s style.css.

    Theme Name: FLYER Twenty Ten
    Theme URI:
    Description: FLYER Internet, based on the default theme for WordPress.
    Author: Monu Ogbe
    Template: twentyten
    Version: 1.0
    Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style

    When I use the above, I lose all the styling except the header image. Everything else looks more like 1994 than 2010 🙂

    Did this work for you?



    Resolved with

    @import url(../twentyten/style.css);



    I’m trying to make a 3 column twentyten. I would love some advice where to download it?????????

    thanks Sheila

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Modifying TwentyTen for three-column split’ is closed to new replies.