Hello! First time poster here!

I’m new to everything site/coding/wordpress related, and I had an issue with the display of my forum. There seems to be a wide margin between the forum and the side menu.

I’ve attempted to set my width to 100%, but either I’ve done it incorrectly, or that’s not the issue. Also attempting to change any margin-left or margin-right settings don’t solve the problem. Is this a theme issue, or am I incorrectly writing my width settings?

I’m using Twenty-Fourteen, wordpress 4.1.1, and bbpress 2.5.6. My website is novicechess.com

All help and 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;
}

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

great – glad you’re fixed !

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

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.”