Skip to:
Content
Pages
Categories
Search
Top
Bottom

Shifting forum posts to the left


  • novicechess
    Participant

    @novicechess

    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!

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

  • Robin W
    Moderator

    @robin-w

    Nice video with a good problem definition !

    How did you get forum to move to the left ?


    novicechess
    Participant

    @novicechess

    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

    @robkk

    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

    @novicechess

    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

    @robkk

    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

    @akkuakku

    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

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