Skip to:
Content
Pages
Categories
Search
Top
Bottom

Bbpress and page full width with theme Twenty Seventeen


  • phil49
    Participant

    @phil49

    Hi

    I’ve been reading many posts on this forum and tried out many proposed solutions but to no avail up to now πŸ™

    I first started with the copy of an unmodified and renamed in “bbpress.php” “page.php” file at the root of my theme folder, then with another one with a slight modification of the code substituting the class “content-area”with “content-area-wide”, I then tried another method creating a subfolder in my theme and copying the above mentioned file as well as a modified “style.css” file.
    The code was simply :
    .content-area-wide {
    float: left; margin-right: -100%; width: 100%}


    @import
    url (“../twentyseventeen/style.css”);

    Unless the code is not correct or the path or it’s syntax either, of course it didn’t work either.

    Surprisingly, the page listing all the forums is using almost the full width, and looks exactly what I’m looking for anyway but as son as I get in one of the forums they are displayed as if on one column way and aligned on the left.
    Same thing for the abovementioned page if I go back to it unless I refresh it…
    I should point out that I don’t use or have any sidebar for these pages and I’m not concerned by this kind of problem like many other people!
    As I’m not a master of the code, could anybody help me and describe each step to solve this frustrating issue so that I can follow each step and not guess intermediate steps considered as obvious are easy by the most learned guys !?

    Thanks so much for our site subscribers

    Regards,

    Philippe

Viewing 25 replies - 1 through 25 (of 30 total)

  • Robin W
    Moderator

    @robin-w

    have you been through no. 8 in this link

    Step by step guide to setting up a bbPress forum – Part 1


    phil49
    Participant

    @phil49

    Hi,

    Yes I followed the explanation as I found out this is the first thing you asked to do.

    I found out, taking a look at a plugin I had previously installed, called “bbpress wp tweaks”, that after a couple of an hour my template was eventually listed, however, it doesn’t make any difference and, yes my FTP software is working nice !
    Any idea as there are not many templates and theme Twenty seventeen is quite different from the previous ones !?
    Thanks for your kind help

    Philippe


    phil49
    Participant

    @phil49

    Hi,

    Funny to see that some changes take some time to implement!

    Taking a look at my other pages this morning , I noticed, as explained in another forum that adding the “page-wide.php” with the different class, would display a new button to select the model!

    And, indeed, on all my pages but the forum ones I now dispose of this choice!

    But still no change on my forum pages… πŸ™

    I guess this is “just” a matter of css !

    I’ll try again to create a subfolder for a child theme, but I’m not quite sure it’ll make the trick, but who knows…

    If someone has got an idea, I’m still interested !

    Regards

    Philippe


    phil49
    Participant

    @phil49

    Hi,

    Just a question: how can I know which page model is being used by the forum pages ?

    Is there a way to know it through the dashboard or inspecting the source code ?

    Regards

    Philippe


    Robin W
    Moderator

    @robin-w

    yes this plugin will show you – once activated you will see it on the right hand side of the dashboard top bar next to your username

    https://en-gb.wordpress.org/plugins/what-the-file/


    phil49
    Participant

    @phil49

    Hello,

    Really bad luck with theme Twenty Seventeen, doesn’t seem to be supported, nothing is displayed in the upper part of the Dashboard, niether on the left nor on the the right hand part… πŸ™

    Regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    ok, so I’ve loaded twentyseventeen, and works fine on my test site.

    so can you tell me how do you want the forums to display eg full width, left hand with sidebar on right, or right hand with sidebar on left? – you may have already said, but I would prefer not to re-read all the above


    phil49
    Participant

    @phil49

    Hello Robin,

    Thanks for all the efforts !

    I simply want the forums to be displayed in full width.

    As mentioned earlier in this thread, the WordPress page listing all the forums has the appropriate width, and ONLY the forum pages are aligned on the left taking half the page and are aligned on the left with the first item of my menu !
    Oh, by the way I don’t have any side bar on my pages, therefore I don’t have the problem that some other people are facing!
    I noticed that with those specific pages I can’t get the selector for different templates just like the other pages of the site !

    This is the reason why I was trying to find out which template is being used by the forum pages to go further in my investigation !

    Whatever I tried this week-end failed, many CSS solutions, childtheme, et..

    It would be great if we could find a solution !

    FYI, I’m also working on a property asked by the users, that’s a background gradient (grey or pale green) on all pages, but again, CSS and child theme proved useless !
    Or I proved to be a poor webmaster (not a pro just an I.T guy helping friends) πŸ™

    Thks so much for your help and time !

    Philippe


    phil49
    Participant

    @phil49

    Hi Robin,

    Don’t know where your’re in the progress of your tests, but I noticed that the “What the file” plugin I couldn’t see for more than a day just turned up today but on another profile I’ve created for my friend that will take care of the site once all the issues with the forum part are solved!

    Really weird!?

    Yet it doesn’t display in my admin profile !!!

    Anyway, I could find out thanks to this plugin that this is the “page.php” template which is being used on the page listing all the forums and the “bbpress.php” for each forum !

    Yet, when I select it through this plugin, changes I made on the model in the theme child I had created are present :

    <div class=”wrap page-full-width“>
    <div id=”primary” class=”content-area-wide“>
    <main id=”main” class=”site-main” role=”main”>

    <?php

    But I guess this has more to do with Twenty seventeen subtleties or the CSS!!??

    FYI, here’s the site I followed step by step in order to get this fuc… full width page to work properly and the closest to the theme Twenty seventeen :

    http://www.designbombs.com/master-twenty-seventeen-wordpress-theme/

    Regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    ok, think I need to see your site to understand what you are seeing. is the site public?


    phil49
    Participant

    @phil49

    Hello Robin,

    Yes it’s !

    This is this site :

    http://bmwmoafc.fr

    However, even though I installed Polylang (as the site will be available in 3 languages French/English/German) for only English speaking people, the forum is in the Member’s page section and needs a password to be accessible !

    Obviously I’ll communicate this password to you “offline” only, if you don’t mind !

    Don’t know if there’s a way to do this on this forum?

    Regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    contact me via my website http://www.rewweb.co.uk


    Robin W
    Moderator

    @robin-w

    ok, put this in the custom css

    .single-post:not(.has-sidebar) #primary, 
    .page.page-one-column:not(.twentyseventeen-front-page) #primary, 
    .archive.page-one-column:not(.has-sidebar) .page-header,
     .archive.page-one-column:not(.has-sidebar) #primary {
      max-width: 100% !important;
    }
    

    you may need to play with it if it affects other parts of your site.

    if you don’t know how to do this – come back


    phil49
    Participant

    @phil49

    Hello Robin,

    Thanks for the reply again.

    I pasted the code in the additional Custom CSS section in WordPress, indeed I immediately noticed that page width was wider by about 1/5.

    However, the “bbpress.php” template was… not affected ! πŸ™

    I tried copying the code in the style.css in the child theme previously created, but same thing no wide page again !

    As I noticed since the beginning, ALL the site pages, I mean the one managed by this epoymous section in WordPress ARE affected by any additional CSS code, BUT NO page in the forum section with the “bbpress.page” Template are concerned by any modification !

    It’s as if so long as there’s no modification on the bbpress.php code or it’s CSS, nothing could happen !

    Yet, as mentioned earlier, in the child theme I’ve created, I added as explained in this forum : http://www.designbombs.com/master-twenty-seventeen-wordpress-theme/ , the following files :

    1 style.css file
    1 page-full-width.php
    1 function.php

    Was there any other operation I should have done ?

    For instance, should I try something with the Bbpress-style-pack I’ve installed a few weeks ago for another purpose but that includes a CSS section ?

    I don’t really understand what I’m supposed to do, the explanation is not quite clear to me !

    It’s explained that it will create a “bspstyle.css” file but what will be the impact on the whole site as I just want to alter page width ONLY on the forum pages, the other pages have the adequate width !

    Kind regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    ok – where is the bbpress.php file – ie what directory?


    phil49
    Participant

    @phil49

    Hello Robin,

    Sorry, I got your email only this afternoon due to a problem with my email…

    The bbpress.php file is located in :

    www/wp-content/twentyseventeen/bbpress.php

    I also put a copy in the child theme folder I’ve created here :

    www/wp-content/twentyseventeen/childtheme/bbpress.php

    Regards,

    Philippe


    phil49
    Participant

    @phil49

    Hello Robin,

    Don’t know if you could find something to help me, but I keep you informed of the progress on my side.

    I’ve installed a virtual machine with the same WordPress version, twenty seventeen theme and almost all the plugins.

    I’m now more comfortable “playing” with different themes and child themes, this is the positive side of the situation, I even corrected a mistake I initially made by creating my child theme inside the Twenty seventeen theme instead of at the same level as it !

    Now it turns up in the theme section, I can activate it, but basically, it doesn’t make any difference !

    Your code for the page width is still working on ALL pages as expected, therefore the CSS is bieng applied, BUT the code doesn’t apply to the “page.php” template used by the forums ! πŸ™

    I even tried simultaneously to find out a solution for a request from our site members, that’s a background gradient.
    It doesn’t apply at all !

    In fact, taking a closer look at the wysiwig panel in the Appearance section of the theme, I noticed that the gradient is applied but ONLY on the homepage and behind the image and NOT on the body of all the other pages of the site !

    Trying to paste the code in the custom code or straight in the style.css file in the theme child produces the same result…

    This is so incredible that nobody in the world can find a solution or has ever tried to customize these elements !

    Hope is what makes us live…

    Regards

    Philippe


    Robin W
    Moderator

    @robin-w

    ok, so are you still using a bbpress.php file in your child theme?


    phil49
    Participant

    @phil49

    Hello Robin,

    Yep, always, and this is a copy of the original one where I just changed as advised in one of the forums I mentioned previously, to change the DIV that way :

    <div class=”wrap page-full-width“>
    <div id=”primary” class=”content-area-wide“>
    <main id=”main” class=”site-main” role=”main”>

    Actually, both child theme folders (the real site and my VM) contains those files :
    – bbpress.php
    – functions.php
    – page-full-width.php
    – screenshot.jpg
    – style.css

    This latter currently contains only your code as well as the code for background gradient as the page-full-width does the job for the page width, I mean, only for the site pages except forum ones !

    The rest is similar.

    Regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    Your code for the page width is still working on ALL pages as expected, therefore the CSS is bieng applied, BUT the code doesn’t apply to the β€œpage.php” template used by the forums !

    Do you have a page set up for forums? ier one that is using [bbp-forum-index] ?


    phil49
    Participant

    @phil49

    Yes,

    If your remember, I have a page dedicated to Members and protected by a password (with or without it doesn’t make any difference either, of course), and the 3 following pages on the which I simply pasted the relevant short codes:
    – “Forum” which is the default bbpress root page, I simply added a shortcode for the connection widget thanks to a plugin otherwise I couldn’t have done it on this specific page (but my VM doesn’t have it and again it makes no difference)
    – “Registration”
    – “Reset password”

    Regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    ok, so now I am confused as to what is working and not working – can you re-state?


    phil49
    Participant

    @phil49

    Hi Robin !

    LOL !

    I talk too much, but as I want to give as many detail as possible…

    Your code is working for the pages of the site.

    Your code is NOT working for ALL the forum pages of the site

    Your code is applied for all the pages, that’s it takes almost 100% of the page, but site pages are not concerned by my problem.

    Your code doesn’t make any difference when applied to the forum pages.

    I was just adding in my previous post that I have the same problem for my second issue with the background gradient that is not applied either, unless the code is not correct, but I don’t think so !

    Thinking about all this yesterday, I’ve got the feeling that in fact, what is desperately keeping void corresponds to the place that should be occupied by the sidebar, even though I told you that I have no sidebar on all the site pages as well as the forum pages.
    But there’s a section dedicated to its management in this new theme and version of WordPress 4.7.2 !
    I removed all the widgets initially present in this sidebar but maybe the code keeps holding the place !?

    It’s as if this part of the code keeps applying in the end, prevailing on the child theme css code !

    Hope this is clear now ! πŸ˜‰

    Regards,

    Philippe


    Robin W
    Moderator

    @robin-w

    can I have a link to your site again plaese


    phil49
    Participant

    @phil49

    Hello Robin,

    I’ve sent an email on your BTInternet email address !

    Remember that I already sent an email to you a week ago so that you can take a look at the site!? πŸ˜‰

    The access is still available as explained in my email.

    Regards,

    Philippe

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