WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Modifying TwentyTen for three-column split (6 posts)

  1. rickhorowitz
    Member
    Posted 4 years 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.

  2. rickhorowitz
    Member
    Posted 4 years ago #

    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

  3. monu.ogbe
    Member
    Posted 4 years ago #

    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

  4. monu.ogbe
    Member
    Posted 4 years ago #

    Resolved with

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

    Thanks,

    Monu

  5. sheilakyle
    Member
    Posted 4 years ago #

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

    thanks Sheila

  6. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

Topic Closed

This topic has been closed to new replies.

About this Topic