Skip to:
Content
Pages
Categories
Search
Top
Bottom

Is this a forum width issue?


  • novicechess
    Participant

    @novicechess

    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.

    null

    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!

Viewing 4 replies - 1 through 4 (of 4 total)

  • novicechess
    Participant

    @novicechess

    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

    @robin-w

    great – glad you’re fixed !


    novicechess
    Participant

    @novicechess

    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: null

    Here is what my forum looks like with the overflow: null

    All help/feedback appreciated!


    novicechess
    Participant

    @novicechess

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Skip to toolbar