WordPress.org

Support

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

[Resolved] Modifying TwentyTen for three-column split

  • rickhorowitz
    Member

    @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 mrconstitution.com. 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
    MrConstitution.com,
    BCOTUS.com,
    and several others.

Viewing 5 replies - 1 through 5 (of 5 total)
  • rickhorowitz
    Member

    @rickhorowitz

    Woo-hoo! Finally getting this thing working.

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


    Rick

    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: http://internet.flyer.co.uk/
    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?

    Thanks,

    Monu

    Resolved with

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

    Thanks,

    Monu

    sheilakyle
    Member

    @sheilakyle

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

    thanks Sheila

    Michael
    Forum Moderator

    @alchymyth

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