Three Column - Twenty Eleven Theme

Lots of people have asked how to create a three column Twenty Eleven, so I decided to take NomNom theme and strip it down for those who just need the 3 column layouts.
Simply install, and check Appearance > Theme Options to see 3 new 3 column layouts.
Gallery thumbnails look best at around 125×125 px because of the narrow content with new layouts and will allow 3 gallery thumbs horizontal.

Please comment if you notice an issue.

Download it Now!

Download

56 thoughts on “Three Column – Twenty Eleven”

Wow, fast response. many thanks…
I just download apply the theme that you give in this post. the css is the same as you share. I just try to make the content and right sidebar larger, and the left sidebar smaller.
can you tell me in which line I must edit in style.css?
-sorry for my bad english-
Thanks in advance.

Hi Zeaks, finally I made it. I change the right sidebar wider than left one. Thanks for your tutorial…
I also change the max width to 1140. works great, but the site title won’t move. How to change the position of my site’s title?

Take a look at this CSS, I’m not sure exactly how you changed the sidebar widths but if margins were reduced, you can use this to match the title, search form and menu items with it.

#branding hgroup {
    margin: 0 4.6%; /* decreased by 3% */
}
#branding #searchform {
    right: 4.6%; /* decreased by 3% */
}
#access div {
    margin: 0 4.6%; /* decreased by 3% */
}

#branding hgroup {

margin: 0 4.6%; /* decreased by 3% */

}

#branding #searchform {

right: 4.6%; /* decreased by 3% */

}

#access div {

margin: 0 4.6%; /* decreased by 3% */

}

Change the margins to whatever you’ve used.

Hi Zeaks, love to check it out but can’t get the download button to work, on 2 browsers.

Cheers,
Belinda

Zeaks says:

2013/01/31 at 10:39 pm

It’s working for me, but here’s the direct link http://zeaks.org/wp-content/uploads/2012/03/TwentyEleven-Layouts.zip

Reply
1. BELINDA says:
  
  2013/01/31 at 10:42 pm
  
  weird, thanks! looks great!

Hey Zeaks I have come here from the WordPress forum in where you are sharing awesome tricks on how to create a 3 column twenty eleven and I am glad I found your sie here however I could not download the file even after using the direct link.. ease help.. thanks.. I need it for his site http://anothertest.raywehberealestate.com.au/

it is working now.. all you gotta do is copy the link and paste it in the brwser. thanks a milion,, I’ll see if this will solve my problem

I have your three coloumn child theme working great – but I don’t seem to have access to the two column options PER PAGE in the template options. I only have default, sidebar and showcase as options per page – and if my default is a 3 column – then that is what shows as the “sidebar” option as well.

What do I need to add to where to get all the layout options available in my INDIVIDUAL page editor ?

Zeaks says:

2013/02/23 at 5:16 am

Hi Ruth, the page template will display the same sidebars as the rest of the blog. You can set it up on a page per page basis to show 2 columns by using conditional CSS. If you need help with this, please open a forum post.

Reply

Подскажите почему ваш плагин не устанавливается
Распаковка пакета…

Установка плагина…

Пакет не может быть установлен. Подходящих плагинов не найдено.

Плагин не удалось установить.
очень надо помогите

Zeaks says:

2013/03/30 at 7:49 pm

Install it like any other theme Appearance > themes > Add New > Upload, you must have twenty Eleven already installed as well.

Reply