Is there a way to create more than 4 columns?

Thanks Daniel! I was able to get moving in a good direction with your information. I can easily change to a six column set up without the sidebar and the theme lays out beautifully.

However, once I switch to a sidebar layout, I run into a problem where all the columns shrink down and get pushed left. It is almost as there are two calls to resize. (For the briefest of moments, you can see the columns fill the fill width without the sidebar, then the sidebar comes in.) Any thoughts as to what I might have missed?

You can see what I mean here:
http://maternitygallery.com/gallery/

If you re-size your browser to a width less than 960, the sidebar gets pushed off to the bottom and the layout looks great (except, of course, the sidebar isn’t where it belongs)

I would post the code, but based on the work I’ve done thus far, the .fivecol and .sixcol functions require insertion at multiple points in multiple files beyond the style.css. It seems to require changes to the functions.php file and, in order to set the columns to 5 or 6, these options need to be added to the theme.options (in the includes folder) as well. Is this correct?

Thanks again Daniel! Where would I find the pinbord_content_class()?

With the @media query, I probably have this wrong, but I’ve had it set up like as you see below, but changing any of these width settings (to 100% for example) seems to have no effect.

@media screen and (max-width: 1152px) {

.threefourthcol {
width: 66.7%;
}

.threefourthcol .threecol {
width: 50%;
}

.fourcol,
.onecol .fourcol {
width: 33.3%;
}

.fivecol,
.onecol .fivecol {
width: 33.3%;
}

.sixcol,
.onecol .sixcol {
width: 33.3%;
}

#wrapper {
max-width:960px;
}

#slider .entry-container {
top:28%;
}

.threefourthcol .threecol .entry,
.onecol .fourcol .entry,
.fourcol .widget {
margin: 5%;
}

img.attachment-gallery-thumb {
max-width:82px;
}

.twocol img.attachment-gallery-thumb {
max-width:74px;
}

.single img.attachment-gallery-thumb {
max-width:100%;
}

.format-audio object {
min-height:24px;
}

.single .format-audio object {
height:24px;
}

.social-bookmarks iframe {
min-height:0;
}

#sidebar-header {
width:468px;
height:60px;
margin-top:20px;
}

}

Again, thanks! I’ve located it and realized that in order to implement the sidebar I must also create options for .fourfifthcol and .fivesixthcol in addition to .fivecol and .sixcol

I’m now 90% of the way there!

However, now, for the briefest of moments, everything lays out nearly perfect for six columns, but the five columns of content seem to just slightly overlap the sidebar, then the layout snaps to five columns total, with four columns of content set too far apart.

I think the issue is with the sidebar being set to wide, but I can’t see where this is set, especially in relationship to your .threefourthcol or my .fivesixthcol

Any ideas?

Daniel, thanks so much for helping me work this out. I may have had the math correct, but the issue seems to be in the margins — I’m just not sure how. Strangely, my present settings seem are showing 6 columns in addition to the sidebar.Things are falling apart when the screen is re-sized below 960.

I think I’ve either made some mistake with the margins, or possibly incorrectly entered a vault somewhere in the .css. If you have any clues to where I might look, I’d appreciate it, but I’m aware it might just be up to me to go in and track the problem down.

Also, do you have a paypal donation point? I know providing a free theme and then having to deal with people like me who don’t entirely know what they are doing can feel a bit thankless.

Cool. Where would I place this?