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;
}
great – glad you’re fixed !
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!
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.”