I've been trying to figure out how to get 3 columns similar to Byrne's Majordojo.com index page. At first I thought it might be an option in Styles but it isn't.
I did hack it so that my blog is on the left side and everything else is on the right. I guess I better figure out how those variables work!
Hi. You're right that getting 3 columns on the Universal Template Set requires some hacking. I purposely didn't include layout options on the Universal style since I wanted it the homepage, contact page and about page to be 2-column and the blog to be 3-column.
If you just want to have a 3-column layout on your homepage (similar to Byrne's), first you need to go into the Main Index template and change the "page_layout" variable to something else, perhaps "layout-mmm" ( for medium-medium-medium).
Then create divs within the Main Index to hold the content of the three columns. Something like this:
<div class="home-column" id="home-column-left"> left </div> <div class="home-column" id="home-column-center"> center </div> <div class="home-column" id="home-column-right"> right </div>
Then, add the following to the end of your Stylesheet Index template:
.layout-mmm #alpha-inner { padding: 0 0 0 20px; } .layout-mmm .home-column { width: 285px; margin-right: 25px; float: left; } .layout-mmm #home-column-right { margin-right: 0; }
You may also need to add this to the Stylesheet:
.layout-mmm #beta, .layout-mmm #gamma { display: none; }
That should do it. Let me know if you have problems with it.
Hi Jim, Thank you for that info! I appreciate it!
I'm so glad I can finally post a reply. I'll give it a shot and see how it goes for me.