Twenty Elevel – 3 Column

  • Hi there

    I’m loving the new Twenty Eleven theme, but keen to set it up with a three column layout (sidebar_1, content, sidebar_2). I’ve managed to hack something together by adjusting the margins in a child theme:

    #content {margin: 0 26.8% 0 26.8%; width:46.4%;}
#secondary,	#secondary #content {width:18.8%; margin:0;}

    And then hooking in a PHP file as follows:

    get_header(); ?>
	<?php  include (STYLESHEETPATH . '/sidebar_1.php'); ?>
		<div id="primary">

    Unfortunately it’s a bit rough and doesn’t play all that well with the great things Twenty Eleven does in resizing for different screen sizes.

    I was just wondering if someone a little brighter had built a three column child them I could take a look at it, or anyone could offer a steer on how best to do it.

    Thanks in advance!
    Mitch

Viewing 7 replies - 16 through 22 (of 22 total)

  • PS: plus, you need to, in the case of my version, put the “tertiary” div into your sidebar.php file and add some content to it either in the sidebar file, or set up a new tertiary sidebar in functions.php and add a widget to said sidebar, or you’ll have styling with no div to style. I think the site you linked to covers all of that.

    If you only want the third sidebar on your posts page, depending on how your theme is constructed, you may call a different sidebar file from index.php (or other files) than you do from page.php

    If your theme sets a different body class for pages and posts, you can style the column widths differently for those entities:

    .page #primary {/* this width might be wider for a two column layout */ }
    #primary {/* this width would apply to posts but not pages */ }

    Keep trying – you’ll get it!

    I hate leaving my site like this, but I wanted you to see what happened. So I followed Voodoo’s tutorial *again* and got all sorts of funkiness. But at least the content has been moved to the center!
    https://www.weddingdecoratorblog.com/2011/12/awesome-ceiling-decorations/

    I think this is what you’re looking for. https://board.zeaks.org/threads/2-sidebars-on-post-pages.184/#post-981 if it is, let me know I’ll zip it up for you.

    Hi darleene, love your site!, just discovered the showcase template. btw what are you using for the rotating images? a plugin? This thread has some great tips!

    Hi greenpeas! The rotating images is actually part of the showcase template. Just make sure you correctly size and set a feature image, and before you post, mark it as a sticky post.

    Thank you very much darleene!

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Twenty Elevel – 3 Column’ is closed to new replies.