Using WP 4.2.1, twenty fourteen theme.
Website: Novicechess.com

Hello! I’m currently having an issue shifting all but my home forum post to the left in order to stay within the page borders. I’m pretty new to WP/Coding, so I’m not exactly sure what to reference in order to fix this. I’ve created a youtube video showing the issue I’m having. Thank you in advance!

[@robin-w Moderator 9 years, 7 months ago]

Nice video with a good problem definition !

How did you get forum to move to the left ?

[@novicechess Participant 9 years, 7 months ago]

I believe the left shifting aspect of the posts is the default, but centering my home page and play page posts involved adjusting those specific page dimensions. It seems as though something in the bbforum code is conflicting with the left-shifting aspect of the twenty fourteen theme.

[@robkk Moderator 9 years, 7 months ago]

1. i could see those dumb mojo marketplace links in your admin bar , you should consider removing that.

2. what CSS did you add to your site , because by default it shouldnt shift left , it should be narrow but not shift left.

[@novicechess Participant 9 years, 7 months ago]

Thanks for the reply Robkk! I’ve removed the Mojo Marketplace, and I plan on removing the “password recovery” tab relatively soon as well.

The code I’ve added that I intended to have a site-wide effect is as follows:

.site {
	background-color: white;
	max-width: 1260px;
	position: relative;
	margin: 0 auto;
}

.primary-navigation a {
	font-size: 16px;
}

#container {
	width: 690px;
	padding: 30px 30px 0;
}

#content {
	width: 400px;
	margin-left: 200px;
}

.singlecol #content {
	width: 550px;
	margin-left: 200px;
}

.tag-links {
	display: none;
}

I used it to expand the container of all the posts on the site, so they wouldn’t look narrow, but I’m not sure if that somehow broke the forum.

[@robkk Moderator 9 years, 7 months ago]

sorry i forgot about this.

but since you have a full width forum try adding all this CSS to have bbPress look better.

.bbpress-forums .col-2cl .main {

	padding-right: 0;

}

.bbpress .site,

.bbpress .site-header,

.bbpress .site-content .entry-header,

.bbpress .site-content .entry-content,

.bbpress .site-content .entry-summary,

.bbpress .site-content .entry-meta,

.bbpress .page-content {

	max-width: 100%;

}

.bbpress .hentry {

	margin: 0 auto 48px;

	max-width: 100%;

}

@media screen and (min-width: 1008px) {

	.bbpress .site-content {

		margin-right: 0;

		margin-left: 182px;

	}

}

@media screen and (min-width: 1080px) {

	.bbpress .site-content {

		margin-left: 222px;

	}

}

@media screen and (min-width: 1218px) {

	.bbpress .site-content .entry-content {

		margin-right: 0;

	}

}

@media screen and (min-width: 673px) {

	.bbpress .site-content {

		margin-right: 0;

	}

}

[@akkuakku Participant 8 years, 5 months ago]

Hi Robkk,

Thanks for the CSS code. Your code has solved this problem for me

https://bbpress.org/forums/topic/reply-threading-width-eating-in-to-post-width/#post-176517