[ZachMatthews]

It’s a nice site; no worries about the ad, but I would be curious to see what that code does to an out of the box version of bbPress. It should get it pretty close; I just use a lot of ‘Inspect Element’ clicking to figure out what might be broken and tweak it. The main issue with bbPress and Pinboard is to do with the .onecol format, which for some reason is broken. Just an FYI, I’ve also modified the header.php file and the search.php file in Pinboard to move their built-in slider up to the utmost top of the page, so I can use it as a banner. It doesn’t quite work on my forums page, because that’s actually in a sub-category but in the blog section it slides. Just to explain why that may look different.

One other thing of note: in building my site I did a multisite install with three different instances of Pinboard running different sections. This allows me to keep the (1) Board, (2) Blog/Gear Reviews/Podcasts/Videos, and (3) Photoblog separate. The photoblog has like 1700 images so I didn’t want those mixed in with general purpose posts, and in order to make the board work with the CSS tweaks above, I had to set it up as a multisite so I could configure the other sections differently, get away from a one column layout, etc. The good news is in a multi-site the user carries their logged in status and identity from section to section regardless of which blog they’re in.

Zach

[ZachMatthews]

Sure, you can get pretty close just by mimicking my settings and dropping my custom CSS in.

Install the Pinboard Theme and the BBPress plug in, then in your admin page go to Appearances/Themes and choose Pinboard to modify.

Pinboard is built with an admin section for you to add custom CSS to, which is great since it essentially takes the place of having to go through and tweak the crap out of a child theme.

In the Appearance/Themes section, choose Theme Options, then in the tab at the top choose Layout. Set the layout for 2 Content columns, 2 Boxes Sidebar columns and 4 Footer columns, but keep in mind that out of the box BBPress is broken with Pinboard. However, I have a ton of CSS tweaks that fix BBPress on Pinboard, and you’ll want to cut and paste those in to the “Custom CSS” box at the bottom of the layout page. Once you implement those tweaks you should have a workable version of BBPress that you can further tweak.

Custom CSS:

`#bbpress-forums #bbp-user-wrapper h2.entry-title {
margin-left: 0 !important;
}

#bbpress-forums {
font-size: 1.2em;
}

.bbp-attachments-count {
width: 0;
height: 0;
}

#slider .entry-title a {
display: none;
}

.flex-direction-nav,.flex-pauseplay {
display: none;
}

#bbpress-forums iframe,#bbpress-forums embed {
max-height: 400px;
max-width: 600px;
margin-left: 0 !important;
}

fieldset {
border: 0;
}

.fluid-width-video-wrapper {
padding-bottom: 0 !important;
padding-top: 45% !important;
}

.bbp-reply-content {
margin-left: 140px !important;
font-size: 14px;
margin-right: 10px;
}

.bbp-topic-content {
margin-left: 120px !important;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
font-size: 15px !important;
}

#bbpress-forums {
font-size: 14px !important;
}

.bbp-topic-permalink {
font-size: 16px !important;
margin-right: 3px;
}

.bbp-reply-header a.bbp-reply-permalink {
color: #00548c;
}

a.button.logout-link {
color: #f1f1f1 !important;
background-color: #111;
}

p {
font-size: 14px;
margin-right: 20px;
}

button {
color: #fff !important;
background-color: #555;
padding: 6px 18px !important;
border-style: solid !important;
border-color: #000 !important;
border-width: 1px !important;
border-radius: 5px;
}

input {
border: #9e9e9e 1px solid !important;
border-radius: 5px;
margin: 0 0 8px;
box-shadow: inset 1px 1px 10px rgba(0,0,0,.2);
background-color: #FCFCFC;
}

#sidebar-header {
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
border-top: solid 1px #333 !important;
border-bottom: solid 1px #333 !important;
}

#sidebar-header a {
padding: 0 !important;
}

#bbpress-forums div.bbp-reply-header {
background-color: #c3c3c3;
}

.bbp-admin-links a {
color: #00548c !important;
}

.bbp-admin-links a:hover {
color: #d54e21 !important;
}

#bbpress-forums ul.bbp-replies {
border: 1px solid #ccc;
}

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
border-top: 1px solid #ccc;
}

#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
color: #666;
}

#bbpress-forums ul.bbp-reply-revision-log img.avatar {
margin-left: 3px;
margin-right: 3px;
}

.entry-content a img {
padding: 0;
margin-bottom: -3px;
}

.wp-editor-container {
border-color: #aaa !important;
}

.quicktags-toolbar {
border-bottom: 1px solid #aaa !important;
border-top-right-radius: 5px !important;
border-top-left-radius: 5px !important;
border-top: 1px solid #AFAFAF;
border-right: 1px solid #AFAFAF;
border-left: 1px solid #AFAFAF;
}

#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
padding: 0;
padding-top: 5px;
padding-left: 5px;
}

#bbpress-forums ul.bbp-topics {
border: 1px solid #ccc;
}

.bbp-topics-front ul.super-sticky,.bbp-topics ul.super-sticky,.bbp-topics ul.sticky,.bbp-forum-content ul.sticky {
background-color: #f0f8ff;
}

#bbpress-forums fieldset.bbp-form {
border: 1px solid #ccc;
}

#bbp_topic_title {
box-shadow: inset 1px 1px 10px rgba(0,0,0,.2);
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
box-shadow: inset 1px 1px 20px rgba(0,0,0,.2);
border-right: solid 1px #AFAFAF;
border-left: solid 1px #AFAFAF;
border-bottom: solid 1px #AFAFAF;
}

input#bbp_topic_tags {
box-shadow: inset 1px 1px 10px rgba(0,0,0,.2);
}

.bbp-forum-title {
font-weight: 400;
margin-left: 0 !important;
font-size: 18px;
font-family: Oswald, “sans serif”;
}

#bbpress-forums div.odd,#bbpress-forums ul.odd {
background-color: #f3f3f3;
}

#access {
background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

#access ul {
padding-left: 35px;
font-family: Oswald, sans-serif;
font-weight: 300 !important;
font-size: 13.5px;
letter-spacing: .7px;
}

#bbpress-forums li.bbp-header {
background: #f1f1f1 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
border-top: none !important;
width: 100%;
border-bottom: 1px solid #d3d3d3 !important;
}

#footer-area {
background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
}

.entry-content a:hover {
color: #d54e21;
}

.entry-content a img,#attachment-nav a img {
border: none !important;
box-shadow: none !important;
}

.entry-content a:hover img,#attachment-nav a:hover img {
border: none !important;
box-shadow: none !important;
}

.onecol .onecol .entry-summary,.entry-content {
padding: 20px;
}

.onecol .hentry .entry {
padding: 20px;
}

.single .entry-title {
margin-left: 20px !important;
margin-bottom: -10px !important;
}

#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #eee;
padding-top: 5px !important;
padding-bottom: 0 !important;
padding-left: none !important;
padding-right: none !important;
}

#bbpress-forums p.bbp-topic-meta {
margin: 0 0 5px;
}

li.bbp-topic-title {
padding-left: 10px;
}

#url,#email {
text-indent: 0 !important;
}

a.bbpl_button {
width: 25px !important;
}

li.bbp-forum-info {
text-indent: 50px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,#bbpress-forums p.bbp-topic-met {
margin: 0 !important;
}

#bbpress-forums li.bbp-body ul.topic {
padding: 0 !important;
}

#bbpress-forums p.bbp-topic-meta img.avatar {
margin-bottom: -3px !important;
}

#bbpress-forums div.bbp-template-notice img.avatar {
margin-bottom: -3px !important;
}

div.bbp-template-notice {
background-color: #F0EAD6;
border-color: #B6A9A6;
}

li.bbp-header div.bbp-reply-content span#subscription-toggle {
margin-right: 10px;
}

div.bbp-template-notice,#bbpress-forums ul.bbp-replies,#bbpress-forums fieldset.bbp-form {
border-radius: 5px !important;
}

#bbpress-forums fieldset.bbp-form input {
padding: 3px;
}

.bbp-reply-content img,video {
width: auto;
height: auto;
max-height: 750px;
max-width: 750px;
}

.bbp-reply-revision-log,.bbp-topic-revision-log {
display: none;
}

#buddypress {
float: left;
width: 100%;
}

#buddypress div#item-body div.profile {
float: right;
width: 825px;
margin-top: -325px;
}

#buddypress div#item-body div#bbpress-forums {
float: right;
width: 825px;
margin-top: -425px;
}

#buddypress div#item-body form {
float: right;
width: 825px;
margin-top: -425px;
}

#buddypress div#item-body div.messages {
float: right;
width: 825px;
margin-top: -425px;
}

#buddypress div#item-body div.profile table.wp-profile-fields td {
text-align: left;
padding: 10px;
}

/* New Message Icon */
.bbpresss_unread_posts_icon a img {
background-color: transparent;
}
.bbpresss_unread_posts_icon {
float: left;
margin-right: 10px;
}

/* Private Messaging */
#buddypress div#item-body div.profile h4 {
font-weight: 400;
}

#pm-content {
border: 1px solid #fff !important;
}

#pm-content tbody {
border-radius: 5px;
}

#pm-content td,#pm-content tr,#pm-content th {
border: 1px solid #f1f1f1 !important;
}

#pm-content th {
background-color: #f1f1f1;
}

#pm-header {
border-color: #f1f1f1 !important;
background-color: #f1f1f1;
border-radius: 5px;
}

/* BBPress Member Profiles */
form#bbp-your-profile table {
text-align: left;
}

.bbp-footer {
background: #f1f1f1 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
}

td#simple-local-avatar-photo {
width: auto !important;
}

.entry-title {
margin-left: 20px !important;
text-shadow: 0 1px 2px #999;
font-size: 36px !important;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
font-family: inherit;
box-shadow: inset 1px 1px 20px rgba(0,0,0,.2);
border-right: solid 1px #AFAFAF;
border-left: solid 1px #AFAFAF;
border-bottom: solid 1px #AFAFAF;
}

div.bbp-template-notice.info {
border: #B6A9A6 1px solid;
background-color: #f0ead6;
}

element.style {
}

#bbpress-forums li.bbp-body ul.topic {
padding: 0 !important;
}

#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #eee;
padding-top: 5px !important;
padding-bottom: 0 !important;
padding-left: none !important;
padding-right: none !important;
}

#bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #eee;
overflow: hidden;
padding: 0;
padding-top: 8px;
padding-bottom: 8px;
}

.single #content .hentry,.page #content .hentry {
box-shadow: none;
background: none;
border: none;
}

#bbpress-forums div.odd,#bbpress-forums ul.odd {
background-color: #f3f3f3;
}

#bbpress-forums div.odd,#bbpress-forums ul.odd {
background-color: #f1f1f1;
}

#bbpress-forums ul {
background: none;
list-style: none;
margin: 0;
padding: 0;
}

.bbp-topics-front ul.super-sticky,.bbp-topics ul.super-sticky,.bbp-topics ul.sticky,.bbp-forum-content ul.sticky {
background-color: #f0f8ff;
}

.bbp-topics-front ul.super-sticky,.bbp-topics ul.super-sticky,.bbp-topics ul.sticky,.bbp-forum-content ul.sticky {
background-color: #f0ead6 !important;
font-size: 1.1em;
}

#bbpress-forums div.bbp-forum-author,#bbpress-forums div.bbp-topic-author,#bbpress-forums div.bbp-reply-author {
float: left;
text-align: center;
width: 125px;
}

#bbpress-forums li.bbp-header,#bbpress-forums li.bbp-footer {
font-size: 14px;
padding: 0px;
padding-top: 8px;
padding-bottom: 8px;
}

#copyright {
width:185%;
text-align: center;
}

body
{
-webkit-animation-duration: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
from{ opacity: 1; }
to{ opacity: 1; }
}

.entry-title {
width: 250%;
}

.bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
border-bottom: #E2D7B4 1px solid !important;
}

#bbpress-forums div.bbp-reply-content img {
max-width: 750px;
}

.threefourthcol .threecol .entry, .onecol .fourcol .entry, .fourcol .widget {
margin: 0;
margin-left: 5%;
margin-right: 5%;}

input:-webkit-autofill, textarea:-webkit-autofill {
background-color: #f0ead6 !important;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
clear: left;
display: inline-flex;

/* WP Ultimate Search results page */
#wpus_response .entry {
border-bottom: none;
border-bottom: none;
box-shadow: none;
}’

Good luck and post if you get it working so we can check it out.

[ZachMatthews]

One of the weirdest things about the recent replies widget is that it is limited to just replies. If someone starts a new topic, it doesn’t appear. This is contrary to common sense and almost every other forum software’s version of this feature.

How hard would it be to add in a recent new topics component to this widget?

[ZachMatthews]

If you could get this working and put together a quick plug in, man, you would be doing people a service.

Zach

[ZachMatthews]

That code is also pulling only the date/time when the topic was STARTED, not the most recent reply. Any help?

[ZachMatthews]

That code kinda works. It looks like some of the timestamps are off, and the timestamps on the Forums page (as opposed to Topics) aren’t correct and aren’t updating. Anyone know how to fix that?

looks like this line isn’t working:

add_filter( 'bbp_get_forum_freshness_link', 'wpse_77441_change_time_format', 10, 2 );

Zach

[ZachMatthews]

I have. Being able to email me privately is not the problem. I would like for the users to be able to email each other.

[ZachMatthews]

Hey guys –

The page load times were due to a couple slow plug ins which I was able to identify with the P3 Plug In Profiler and remove. Load time is now sub 1.5s per page (once you load the heavy banners – I need to reduce the size on those but I haven’t found the time yet since they are site-wide and it will take me a while to reconfigure everything).

Thanks for the feedback. I still haven’t been able to make BuddyPress play nice but bbPress is at last fully functional with Pinboard.

Zach

[ZachMatthews]

This is the answer I came up with and provided to some other people who have asked:

Set Pinboard to 2 content columns, 2 Boxes Sidebar Columns, and 4 Footer Columns. Choose the first (farthest left) “Preferred Layout” option.

Now, this is obviously going to dictate the look of the rest of your site. I got around that by doing a three-tier Multisite layout. It’s not hard to set up but it is a pain in the ass to have to re-install Pinboard and re-set every single option so the site is all the same, but that gives you the flexibility to have multiple different layouts and formats all within the same blog. I actually have one blog running my Blog, Articles, Podcasts, Video and About pages, then a second blog running my Photoblog database (which keeps the posts separate), and then finally the third blog running only bbPress. However, user profiles are integrated in a multisite so people stay logged in throughout the environment.

One more thing to note: I moved the slider feature to my header by putting the slider section of the functions.php file actually in my search.php page, then deleting all other content from search. (My site only has search on the forums page). That makes the slider get called on each page first and you can tweak the menu layout and stuff to make it all appear up top. The only catch is the slider itself only works on the first page of a given blog (so it works on three of my pages). Everywhere else it is a static image, dictated by the oldest image chronologically amongst the slider pictures.

Here’s my CSS:

#slider .entry-title a {
	display:none;
}
.flex-direction-nav, .flex-pauseplay {
	display:none;
}
#bbpress-forums iframe, #bbpress-forums embed {
	max-width: 640px !important;
	height: 480px
!important;
	margin-left: 0px
!important;
}
fieldset {
	border: 0;
}
.fluid-width-video-wrapper {
	padding-bottom: 20px !important;
	padding-top: 53% !important;
}
.bbp-reply-content {
	margin-left: 120px !important;
}
.bbp-topic-content {
	margin-left: 120px !important;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	font-size: 15px !important
}
#bbpress-forums {
	font-size:14px !important;
}
.bbp-topic-permalink {
	font-size: 16px !important;
}

.bbp-reply-header a.bbp-reply-permalink {color: #00548c;}

a.button.logout-link {
	color:#f1f1f1 !important;
	background-color: #111;
}
p {
	font-size:14px;
	margin-right: 20px;
}
button {
	color:#fff !important;
	background-color: #555;
	padding: 6px 18px !important;
	border-style: solid !important;
	border-color: #000 !important;
	border-width: 1px !important;
        border-radius: 5px;
}
input {
	border: #9e9e9e 1px solid !important;
        border-radius: 5px;
        margin: 0 0 8px;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
        background-color:#FCFCFC;
}
#sidebar-header {
	float:none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	border-top: solid 1px #333 !important;
	border-bottom: solid 1px #333 !important
}
#sidebar-header a {
	padding:0 !important;
}
#bbpress-forums div.bbp-reply-header {
	background-color:#c3c3c3;
}
.bbp-admin-links a {
	color:#00548c !important;
}

.bbp-admin-links a:hover { 
	color:#d54e21 !important;
}
#bbpress-forums ul.bbp-replies {
	border: 1px solid #ccc;
}
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	border-top: 1px solid #ccc;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	color:#666;
}
#bbpress-forums ul.bbp-reply-revision-log img.avatar {
	margin-left: 3px;
	margin-right: 3px;
}
.entry-content a img {
	padding: 0;
	margin-bottom: -3px;
}
.wp-editor-container {
	border-color:  #aaa #aaa #aaa !important;
}
.quicktags-toolbar {
	border-bottom: 1px solid #aaa !important;
}
#bbpress-forums ul.bbp-topics {
	border: 1px solid #ccc;
}
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
	background-color: #f0f8ff;
!important;
}
#bbpress-forums fieldset.bbp-form {
	border: 1px solid #ccc;
}
#bbp_topic_title {
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	box-shadow: inset 1px 1px 20px rgba(0, 0, 0, .2);
}
input#bbp_topic_tags {
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
}
.bbp-forum-title {
	font-weight:400 !important;
        margin-left: 0px !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
	background-color: #f3f3f3;
}
#access {
	background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#access ul {
	padding-left: 35px;
}
#bbpress-forums li.bbp-header {
	background: #f1f1f1 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
	border-top: none !important;
        width: 100%;
}
#footer-area {
	background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
}
.entry-content a:hover {
	color: #d54e21;
}
.entry-content a img, #attachment-nav a img {
	border: none !important;
	box-shadow: none !important;
}
.entry-content a:hover img, #attachment-nav a:hover img {
	border: none !important;
	box-shadow: none !important;
}
.onecol .onecol .entry-summary, .entry-content {
	padding: 20px;
}
.entry-title {
	margin-left: 20px;
}
.single .entry-title {
	margin-left: 0 !important;
	margin-bottom: -10px !important;
}
#bbpress-forums li.bbp-body ul.topic {
	border-top: 1px solid #eee;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
        padding-left: none !important;
        padding-right: none !important;
}
#bbpress-forums p.bbp-topic-meta {
	margin: 0px 0 5px;
}
li.bbp-topic-title {
	padding-left: 20px;

}
#url, #email {text-indent: 0px !important;}

a.bbpl_button {width:25px !important;}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {padding-top: 8px;}

#bbpress-forums li.bbp-header {padding-left: 0px !important;}

li.bbp-forum-info {text-indent: 50px;}

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-met {margin: 0px !important;}

#bbpress-forums p.bbp-topic-meta img.avatar {margin-bottom: -3px !important;}
#bbpress-forums div.bbp-template-notice img.avatar {margin-bottom: -3px !important;}

li.bbp-header div.bbp-reply-content span#subscription-toggle {margin-right: 10px}

div.bbp-template-notice, #bbpress-forums ul.bbp-replies, #bbpress-forums fieldset.bbp-form {border-radius: 5px !important;}

.quicktags-toolbar {border-top-right-radius: 5px !important; border-top-left-radius: 5px !important;}

#bbpress-forums fieldset.bbp-form input {padding: 3px;}

[ZachMatthews]

I ran the P3 Plugin Profiler and figured out that the plug in WP User Frontend and bbPress String Swap were the ones killing us.

Once I disabled those, query times to reach a new page dropped from 6-8 seconds down to less than a second.

[ZachMatthews]

This is the problem with open-source software… complete lack of support. At least with YaBB the people were passionate enough about their project to answer questions.

This is what my host is saying:

> Hi,
>
> Thanks for the update and patience, it is just a function of slow forum
> software and please note slow query or unoptimized query falls under the
> forum software. Please check with your vendor and make sure your mysql
> queries are optimized properly.
>
> Feel free to contact us if you need further assistance.
>
> Regards,
> Nasir M
> Level 2 Technical Support

Is that really true? My host (JaguarPC) loves to use the term “unoptimized” when they can’t understand what is going on.

[ZachMatthews]

More info:

my host requires a jitinera_ prefex before the database name (JaguarPC and itinerantangler.com = jitinera).

So my database is jitinera, and the actual phpbb database is _phpbb, etc.

Here’s how I have filled out the blanks to produce the error:

Select Platform is the previous forum software: phpBB
Database Server IP or hostname: localhost
Database Port Use default 3306 if unsure: 3306
Database Name Name of the database with your old forum data: jitinera_phpbb
Database User User for your database connection: jitinera_[user name witheld]
Database Password Password to access the database: [password withheld]
Table Prefix (If converting from BuddyPress Forums, use “wp_bb_” or your custom prefix): bb_

Anyone see anything wrong with that?

[ZachMatthews]

Ok so I had to partially give up, but I did come up with a partway solution. It’s still got some broken CSS here and there.

I am running a WordPress Multisite. I noticed that BBPress will lay out and mostly play nice with the Pinboard theme provided you set the layout to have no sidebars and to be 4 column. You can still have footers, thank god.

http://www.itinerantangler.com/blog/board/forums/

So there’s a live working version of BBPress. I did use the forums.php trick noted above to fix a few things for the time being. I would actually like to just DELETE the search function from the header, because it’s broken and it’s causing the layout to jump.

[ZachMatthews]

All right, and I am now making progress.

I made a complete copy of page.php within the /wp-content/themes/pinboard/ directory. I then created a blank file and titled it “forums.php” (with an ‘s’ on forums). I copied the complete text of the page.php file into the forums.php file and started tweaking.

This is the code I have so far:

<?php get_header(); ?>
	<div id="container">
		<section id="content"  <?php pinboard_content_class(); ?>>
			<?php if( have_posts() ) : the_post(); ?>
				<article class="onecol" id="post-<?php the_ID(); ?>">
					<div class="entry" >
						<header class="entry-header">
							<<?php pinboard_title_tag( 'post' ); ?> class="entry-title"><?php the_title(); ?></<?php pinboard_title_tag( 'post' ); ?>>
						</header><!-- .entry-header -->
						<div class="onecol">
							<?php the_content(); ?>
							<div class="clear"></div>
						</div><!-- .entry-content -->
						<?php wp_link_pages( array( 'before' => '<footer class="entry-utility"><p class="post-pagination">' . __( 'Pages:', 'pinboard' ), 'after' => '</p></footer><!-- .entry-utility -->' ) ); ?>
					</div><!-- .entry -->
					<?php comments_template(); ?>
				</article><!-- .post -->
			<?php else : ?>
				<?php pinboard_404(); ?>
			<?php endif; ?>
		</section><!-- #content -->
		<?php if( ( 'no-sidebars' != pinboard_get_option( 'layout' ) ) && ( 'full-width' != pinboard_get_option( 'layout' ) ) ) : ?>
			<?php get_sidebar(); ?>
		<?php endif; ?>
	</div><!-- #container -->
<?php get_footer(); ?>

That spreads the forums page out to the appropriate onecolumn width and also completely fixes the profile page. It looks like the entry headers are being called from another php file, so I need to do some more tweaks, but here’s the result as is:

http://www.itinerantangler.com/blog/podcasts/boards/

If I can get it fully tweaked up I’ll post how here. I know others were looking to do this.

[ZachMatthews]

Thanks for the replies guys. Jared no it does not. The theme is pretty popular – Pinboard. I am seeing other Pinboard users with the same issue, too.

What I have done is followed the instructions here to carve out a separate forums.php page which is working as intended and rendering the bbPress plugin separate from the rest of the site.

That is allowing me to tweak the code for just this one section, but I haven’t worked out how to force it over to the .onecol layout yet. Worse, it looks like this layout issue persists through various sub-parts of the forum software, such as profile pages.

[ZachMatthews]

From what I can tell the issue is with this file.

content-archive-forum.php

The css is so convoluted I can’t use my usual tricks of just showing the element styles to identify where it is getting its directions.

However the fix would be super simple; I just need to force it into .onecol layout somehow.

I guess I am on my own on this one.

[ZachMatthews]

Any help at all on this would be greatly appreciated, guys.

Basically the question is, how come the overall ‘Forums’ page is pulling the .threecol CSS tag while the internal, ‘Topics’ pages are (appropriately) pulling the .onecol CSS tag?

If I could simply figure out where to set the Forums page to .onecol, it’d be fixed.

Thanks!
Zach

[ZachMatthews]

Well it was certainly worth a shot, but the CSS is still broken:

http://www.itinerantangler.com/blog/podcasts/boards/

So I am still doing just fine with the sub-forums and topics, but the main “Forums” page (linked above) is stuck in three-col layout instead of one-col, which is what it needs to be. Any ideas on where to switch it over?

Thanks,
Zach

[ZachMatthews]

So I can see what’s happening in the CSS elements. For the “Forums” page, the layout is calling to the “threecol” CSS class as opposed to “onecol.” When I use my Chrome editor to change the tag live, I can make it lay out properly. However, I am not sure where the actual “threecol” versus “onecol” decision is being made, so to speak, for the forums page. One of the php files? The master index php?

Any help would be greatly appreciated. In the mean time I think this qualifies as a bug.