[TJ]

Hi. I’m trying to add some custom content to the bbPress /forums page. I created a page with the same slug and used the [bbp-forum-index] shortcode. The content and forums listing are there, but the page has some extra elements as compared to the same exact page with a different slug.

These extra elements are causing a large blank space at the top of the page and adding an extra 50px above my title content.

[Victoria]

Hey TJ,

They look the same on my end. I’m not sure I see the extra space you’re talking about.

Could you please attach some screenshots of the issue?

Best regards,
Victoria

[TJ]

This reply has been marked as private.

[Victoria]

Hi TJ ,

Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria

[TJ]

This reply has been marked as private.

[TJ]

Hey Victoria – just wondering if you’ve been able to figure anything out with this issue?

[Victoria]

Hi TJ,

Can you please disable all the plugins besides bbPress and see if the issue persists?

Best regards,
Victoria

[TJ]

Hey Victoria – That’s not really possible; this is a live site and it doesn’t function without most of the plugins. Is there something else we can look at?

[Victoria]

Hi TJ,

Do you have a test website where we can test it without the possibility to bring the live site down?

Best regards,
Victoria

[TJ]

Sadly, no – I’m pretty sure this is a theme + bbPress issue, given that the layout on existing and new pages (without the bbPress) shortcode are totally fine.

[Ismael]

Hi,

Looks like the large blank space on top of the section has been removed. Are there any layout issues left?

Best regards,
Ismael

[TJ]

Hi Ismael –

The space is still there. Compare /forums vs. /forums-2. /forums is the root for bbPress and still has the large space. /forums-2 is essentially the same thing, but because it’s not the root for bbPress, it does not have the layout issues.

Victoria pointed out earlier that the DOM for /forums is being incorrectly generated. The content sections are outside of the <main> container.

[Ismael]

Hi,

Can we access the multisite panel? I would like to check the bbPress settings.
You can add this code in the functions.php file to fix the issue temporarily.

 function ava_enqueue_custom_script() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', " (function($){
            (function() ) {
                var grid = $('body').children('.av-submenu-container, .avia-section, .av-layout-grid-container, .av-tab-section-container, #footer, #socket');
                $(grid).appendTo('#wrap_all #main');

                var child = $('.avia-section, .av-layout-grid-container').find('.avia-section, .av-layout-grid-container, #footer, .av-submenu-container, #footer'),
                parent = child.parents('.avia-section, .av-layout-grid-container');

                child.insertAfter(parent);
            }();
        })(jQuery);" );
    }
 }

Best regards,
Ismael

[TJ]

Hi Ismael – I’ve updated your account privileges.

Tried the above fix; it’s not working – the elements are not direct children of body. Manually running those statements with find vs. children moves the elements around, but there’s still an extra class="container_wrap container_wrap_first main_color fullsize" above them which is adding the space and the title itself has a bunch of extra top padding or margin.

Thanks!

TJ

[Ismael]

Hi,

Did you remove the script? That code should look for every sections and grid inside the body container and append it to the main wrapper. I would like to test it but the Appearance > Editor panel is not accessible. Please enable it or post the FTP details in the private field.

You may need to set the builder to debug mode:

// https://kriesi.at/support/topic/debug-builder/

Best regards,
Ismael

[TJ]

This reply has been marked as private.

[Ismael]

Hi,

Thanks for the update.

The function is actually incomplete. I forgot to add this line:

 add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script', 9999);

I also adjusted the code a bit. It’s working now. Let me know if you can still see any layout issues on that page.

Best regards,
Ismael

[TJ]

Hi Ismael –

It looks better, but there is still an extra 50px of margin above the actual header itself. This is because the avia-builder-el-1 and avia-builder-el-no-sibling are not being applied to the header (they are in /forums-2). How should I fix this?

Thanks,

TJ

[Ismael]

Hi,

Add this css code to remove the top margin of the heading element inside the very first color section in that page.

.forum-archive.bbpress #main #av_section_1 .av-special-heading {
    margin-top: 0;
}

Best regards,
Ismael

[TJ]

Hey Ismael –

Thanks for all the help on this. Unfortunately, it looks like the custom script has broken all of the rest of the forums / topics sub pages (no longer showing any content). I can’t spend any more time on this, so at this point I’ll have to just go without any custom content on the /forums index page.

Is there any plan to fix this in an upcoming Enfold release? Should I log a bug somewhere?

TJ

[Ismael]

Hi,

Have you tried running the shortcode parser? Enable the debug mode, set the parser to the second option and then update the page. This will repair the shortcode structure automatically.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#shortcode-parser

Best regards,
Ismael

[Author]

Posts