Skip to:
Content
Pages
Categories
Search
Top
Bottom

Trying to make forum full width


  • bsilverop
    Participant

    @bsilverop

    Hi All,

    I’m having some trouble getting my forum pages to be full width. If I use the shortcode to embed a forum and set my page template to “Full Width”, it works fine. But then if you click another forum topic it goes back to what looks like half width. I have tried copying my full-width.php (twenty fourteen) and calling it bbpress.php and forum.php, but it seems to have no impact. I have also tried adding some CSS, but also seemed to have no impact:

    .bbpress-forums .col-2cl .main {
    background: none repeat-y right 0;
    padding-right: 0px;
    }

    I’m kind of at a loss as to why the forum pages are still not full width, so would appreciate any suggestions. Thanks,

Viewing 9 replies - 26 through 34 (of 34 total)

  • Robkk
    Moderator

    @robkk

    @bsilverop i just checked and i dont see it

    and your suppose to lose the right sidebar only, the left one stays and it moves toward the footer on smaller screens.


    bsilverop
    Participant

    @bsilverop

    This is how it looks for me. You’re right, the left sidebar moves to the bottom if the screen is too small, but currently I see this:

    Forum


    Robkk
    Moderator

    @robkk

    @bsilverop

    remove the !important from

    @media screen and (min-width: 1008px) {
     .bbpress .site-content {
    	margin-right: 0 !important;
    	margin-left: 182px !important;
    }
    }

    there should be some space to the right, I will try to figure out that too, but tell me if removing the !important fixes the forums hiding under the left sidebar.


    Robkk
    Moderator

    @robkk

    @media screen and (min-width: 1218px) {
    .bbpress .site-content .entry-content {
        margin-right: 0px;
    }
    }

    this should remove that space on the right of the forums


    bsilverop
    Participant

    @bsilverop

    Thanks @robkk. This is looking good to me after making the changes. I tested on a few different screens here with different sizes and seems to be working well. I’m not sure why the @media screen commands weren’t working before, but suspect it had something to do with the order. This is what I ended up with for those looking to do something similar in the future. Thanks again, and if you accept donations please contact me or direct me to a place where I can contribute to all who helped here. Thanks again,

    .site,
    .site-header {
    	max-width: 100%;
    }
    
    .bbpress-forums .col-2cl .main {
    	background: none repeat-y right 0;
    	padding-right: 0;
    }
    
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta, 
    .page-content {
    	max-width: 100%;
    }
    
    .form-allowed-tags {
    	display: none;
    }
    
    div.bbp-breadcrumb, 
    div.bbp-topic-tags {
    	font-size: inherit !important;
    }
    
    #bbpress-forums ul.bbp-lead-topic, 
    #bbpress-forums ul.bbp-topics, 
    #bbpress-forums ul.bbp-forums, 
    #bbpress-forums ul.bbp-replies, 
    #bbpress-forums ul.bbp-search-results {
    	font-size: inherit !important;
    }
    
    #bbpress-forums {
    	font-size: inherit !important;
    }
    
    .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;
    	}
    }

    Robkk
    Moderator

    @robkk

    Thanks again, and if you accept donations please contact me or direct me to a place where I can contribute to all who helped here. Thanks again,

    no problem , any other issues make a new topic.

    Robin has donate links here.

    Home

    I can set up a wordpress.com account tomorrow with some paypal donate button if you really feel like donating to me.

    other ways of contributing i guess are helping out in the forums the best you can with other users, or the bbPress project itself.


    bsilverop
    Participant

    @bsilverop

    I can set up a wordpress.com account tomorrow with some paypal donate button if you really feel like donating to me.

    I would like that, it’s the least I can do. Thanks again!


    Robkk
    Moderator

    @robkk


    Robkk
    Moderator

    @robkk

    @bsilverop thanks , ya need anymore help or find something awkward in your bbpress section of your site please feel free to make a new topic

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