[@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.

[@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.

[@novicechess Participant 9 years, 8 months ago]

Matter resolved.

“If you wish that the Homepage Blog and the Post will have the Center Effect then the code will be:

.home.blog #content, .single #content{width: 100%}

this code will only affect the Homepage and the Blog Posts.”

[@novicechess Participant 9 years, 8 months ago]

Follow-up question:

After aligning my forum, I found that my posts were all shifted left. I attempted to shift them right by referencing the title (h1) and content of posts (p). After changing the values of their width and margin-left, they look fine (minus the date/comment buttons, which I haven’t figured out how to reference yet), but now my forums are affected by the “p” width change, which makes them overflow.

Is there a way to only reference blog posts while keeping the format for the forums in tact?

Here is the code I used to manually center my post content/title.

h1.entry-title {
	width: 500px;
	margin-left: 250px;
}

p {
	width: 500px;
	margin-left: 250px;
}

Here is what my blog posts look like:

Here is what my forum looks like with the overflow:

All help/feedback appreciated!

[@novicechess Participant 9 years, 8 months ago]

I’ve found the solution, and it turned out I needed a “container” edit. The code I ended up using was as follows

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

#content {
float: left;
width: 455px;
}

.singlecol #content {
float: none;
width: 550px;
}