Different Columns of Soap Boxes for different pages

[cdhphoenix 0]

Hello, I love the soapboxes, and wish to use them on two different pages. However I would like to know if it possible to have a template of 2 pages containing soapboxes, but different layouts for both. One page: has three columns of soap boxes (which i already did by tweaking the sections.soapboxes.php) I have one page set up (under construction of course) here: http://criterioninedit.com/?page_id=52, which has the three columns. I would like to see if i can have another soapbox page: with two columns of soap boxes (the default layout originally set up in the theme). How would I go about setting up another section.soapbox.php for this new page. Is this possible? Any suggestions, I am willing to do some coding and hard work to achieve this, so bring on the challenge if it be the case. Thank you for your help and hard work in helping me. -Carolyn

[bryan-hadaway 3]

Anything is possible. It might have been possible to accomplish what you originally wanted with CSS instead of altering the PHP, maybe not. Now, that you're down the path of PHP customization I'll see if you can get some developer insight. Thanks, Bryan

[cmunns 16]

I do agree with Bryan, it's easier to use the page-id in conjunction with the soapbox css selectors to achieve different layouts. However, if you are actually changing more than just the width then sure a separate PHP section would be good. Do keep in mind that the normal box sets can change column size on each page via page meta options. Additionally you can put icons on top as well so it looks similar to the soapboxes which are less configurable. Catch my drift?

[cdhphoenix 0]

Hey guys, I can easily undo my php manipluations if you feel that css is easier. So you're saying that I can use my page id, and change the custom css of the soapbox selectors to adjust the columns from 2-3 depending on the page? Any suggestions on how I would type the custom css for each page id? I know that one page is calling on the

.dcol_container_3

and i want the other page, which I havent built yet, to call upon the

.dcol_container_2

What do you suggest for using custom css to assign the code to certain page ids?

[kastelic 6]

Each page has an identifying class in its body tag.

[cdhphoenix 0]

Thanks for everyones responses. I returned my soapbox php to its default and currently am attempting to change the columns using css. This is what I am entering into the custom css to acheive the three columms (with the widths adjusted) but it does not appear to be work:

#soapbox .content .page-52 {
	.dcol_container_3{width: 980px; float: right;}
	.dcol_3{width: 306px; margin-left: 20px; border-bottom: 1px solid #e9e9e9; }
	}

any ideas?

[catrina 103]

There's an additional

}

at the end of the custom code you pasted. Perhaps you should delete that and then check to see if it works.

[cdhphoenix 0]

Hi, I tried deleting the additional bracket to no avail. I want one page with soapboxes with three columns and the other as its default with two columns. Page id 52 is the page where I am trying to tweak the css to achieve the three column appearance. Not sure what to do now in term of code options.

[bryan-hadaway 3]

It should be: `.page-id-52` Thanks, Bryan

[cdhphoenix 0]

thanks for the input Bryan, I'm sad to report that it still has not worked. i think the function may be completely off as well. not sure whether to call on the #content or #soapbox or dynamic grid, i've tried different versions to no avail. thanks for trying guys i appreciate it. if anyone thinks of anything let me know.

[Kate 3]

Hey Carolyn - I didn't try the CSS, but in addition to the extra end bracket, you had an extra one to begin with. This code here:

.dcol_container_3{width: 980px; float: right;}
	.dcol_3{width: 306px; margin-left: 20px; border-bottom: 1px solid #e9e9e9; }

... was nested inside of this:

#soapbox .content .page-52 {
	}

Also, you are correct that the CSS isn't quite right. You would want to use the page ID first (in the form of a class). This is because this is the highest div (hierarchically) that you're trying to access. Make sense?