Modifying TwentyTen for three-column split

  • Resolved rickhorowitz

    (@rickhorowitz)


    14 years, 9 months ago

    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)
  • Thread Starter rickhorowitz

    (@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: https://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

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

    thanks Sheila

    tutorial and download:
    https://aaron.jorb.in/blog/2010/04/introducing-thirty-ten/

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