Skip to:
Content
Pages
Categories
Search
Top
Bottom

Widgets are wrongly placed on forum pages, but appear nicely in non-forum pages


  • mluther
    Member

    @mluther

    Using WordPress 3.4.1, bbPress 2.1.2, TwentyEleven 1.4 (unmodified theme).

    Widgets are correctly placed on non-bbPress forum pages (See screenshot)

    But on any bbPress forum page, the widgets appear below the forum content (See screenshot)

    What’s wrong? How can I fix this?

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

  • Melindrea
    Participant

    @melindrea

    The likeliest from what I can see in those screenshots is that there is an extra container somewhere that messes up the stylesheet. Unfortunately, it’s kind of hard to see off of screenshots exactly where the tags go wrong — do you know your way around CSS/HTML to figure it out from there?


    amunds
    Member

    @amunds

    It`s near impossible to troubleshoot this without having access to the site so we can see the HTML/CSS. Looks to be either a CSS clear or, as Melindrea said, an extra container.

    If you want more help than that we really must see the site itself.


    mpriola
    Participant

    @mpriola

    Just FYI,

    This is very, very similar to the probl;em I’m having that’s been referenced here.

    http://bbpress.org/forums/topic/layout-problem-with-2-1-2-forum-using-php-ease-theme/

    Thanks,

    Marty


    mluther
    Member

    @mluther

    Melindrea, No I don’t know my way around HTML/CSS.


    Lynq
    Participant

    @lynq

    Looks very much like a clearing issue. Site link would allow us to help you further :)

    Good luck!


    Melindrea
    Participant

    @melindrea

    If you can give a link, I (and by the looks of things, several others) can give it a gander.


    mluther
    Member

    @mluther

    Dear Melindrea, Lynq, Amunds,

    Thank you so much for your willingness to help us. And thanks for your patience.

    Here are the relevant files:

    https://www.dropbox.com/s/517br2emy7yz4pq/forum_page.html

    https://www.dropbox.com/s/gcr7so5gx0go0dl/non-forum_page.html

    https://www.dropbox.com/s/jjqlif81pqkrvam/ourwebsite.com_style.css

    https://www.dropbox.com/s/5me5s9gtumwrd1h/bbpress.css

    The link to the folder containing the files is https://www.dropbox.com/sh/lm1mlfjxx3gcwoy/JpAMg7Ipxa

    • This reply was modified 2 years ago by  mluther.
    • This reply was modified 2 years ago by  mluther.

    Hi, folks. Please let me know if there are other web files whose source code would be helpful to examine.
    Thank you.

    Hi, if anyone can diagnose the problem by looking at the stylesheets (CSS) and HTML, we’d be most grateful.

    Dear all,
    Please let me know if there are any files you need to inspect.
    Thanks.

    Hello all. Some of you have graciously offered to take a look at the website. I’ve posted links to the HTML and CSS but have not received any responses yet.

    Please help if you can.

    Hi, everyone. Still patiently waiting for help.


    Melindrea
    Participant

    @melindrea

    Sorry, work swallowed my soul (again < .<)

    Alright, the problem is that the id of the primary container (the main content) is "container" on bbpress, and "primary" on your page.

    Take a backup of all the files, change to in the forum pages. In the forum CSS, replace #container with #primary

    That ought to do it, and good luck.

    Hi, Melindrea.
    I know the feeling!

    You wrote

    > change to in the forum pages

    What changes exactly should I make in the forum pages (HTML)?


    Melindrea
    Participant

    @melindrea

    …Bah, my code was swallowed.

    Change <div id=”container”> to <div id=”primary”> in the forum pages.

    Melindrea, Thanks for clarifying what to change in the forum pages.

    Would I have to manually change div id=”container” to div id=”primary” every time a new forum page is created (such as when a visitor creates a new forum thread?

    • This reply was modified 1 year, 11 months ago by  mluther.

    Melindrea
    Participant

    @melindrea

    No, only on the template pages for them, such as archive-topics, archive-forums, single-topic, single-forum… those are the ones I remember off the top of my head.


    dprundle
    Participant

    @dprundle

    I’m having this same exact problem with the twenty eleven theme. Widgets are not displayed until the bottom of the forum.

    Melindrea – I’m very new to CSS, you state to change the forum CSS from “container” to “primary”. Where would I find that CSS? in the plugins directory?

    Thank you


    pdhuisman
    Participant

    @pdhuisman

    I had the same problem, i resoved it by adding this code in the style.css of my twenty eleven child theme


    .forum #primary{
    width:70%;
    }

    .forum .entry-content{
    width:100%;
    }

    And then also:


    .topic #primary{
    width:70%;
    }

    .topic .entry-content{
    width:100%;
    }

    And finaly,


    .bbp-user-page #primary{
    width:70%;
    }

    .bbp-user-page .entry-content{
    width:100%;
    }

    That solved my problem. I run WP 3.5. and bbpress 2.2. Hope this helps.
    I also figured out how to change the page title and remove some space at the top. Let me knof if you are interrested.


    Big_Birtha
    Participant

    @big_birtha

    Hi,

    Thank you pdhuisman, that fixed that problem easily! I’d been messing around with all sorts of complicated code other people had suggested, which weren’t as succesful. Your code works a treat!

    I’d really like to know how to remove some space at the top, though.

    I’d like the formatting of the forum page to match that of the other pages. Currently the header (I think that’s what it’s called) is for some reason indented a bit and too low under the menu bar.

    I’m working with a child theme, but other than that I really don’t know a lot about what I’m doing.

    bigbirthas.co.uk


    pdhuisman
    Participant

    @pdhuisman

    Hi,

    Glad to hear it worked. Add the code below, that should work.

    `.singular .hentry {
    border-bottom: medium none;
    padding: 0;
    position: relative;
    }`


    Big_Birtha
    Participant

    @big_birtha

    Great!

    It didn’t work initially, but when I changed .singular to .forum it worked (lucky hunch) as I knew I’d selected forum.php in BBPressWPTweaks to be the ‘forum wrapper’?

    The title (which I stupidly called a header in the last post) is still indented to the right, though, and the body (is that the right word?) of the forum stuff is still too far left. Any idea why they aren’t lining up with the first menu option, like they do on the other pages?

    http://bigbirthas.co.uk/forums/forum/forum/

    (don’t ask me why it’s forums/forum/forum… I haven’t a clue, and since it works, don’t care either!)

    I can live with it as it is (because I’ve tried writing adding some code to your last bit which made zero difference, and it’s already a vast improvement on what I had before!), but ideally I’d like both the title and the body to be in the same place as it is on the other pages (which have sidebar.php as their templates, if that helps).

    Thank you in advance if you can help – you’ve helped loads already!


    pdhuisman
    Participant

    @pdhuisman

    Hi,

    I use this code for that:

    `.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    width: 100%;
    }`

    Looking at your site, that should work. I use the inspect element button in Chrome to find the item i want to change. Just fiddle a bit by turning things on and off until you find what you want to change and add code in your child theme. Almost anything can be done like colours, font size e.d.

    Great work on your site btw!.


    Big_Birtha
    Participant

    @big_birtha

    Thanks heaps.

    I’ve been doing this less than a month, and am hooked already!

    So much to learn! Am now installing Chrome. :o)

    Wordpress is so impressive.

    Thanks again for all your help.

    x


    Big_Birtha
    Participant

    @big_birtha

    And again, thanks. The Google Chrome ‘inspect element’ tip is invaluable!

    Now I’m getting to grips with the code a LOT quicker!

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

You must be logged in to reply to this topic.