FSE Footer misbehavin’

I am trying to style forum heading. How do I accomplish this? Below is not working…

.bbpress-container.bsp-fse-container .alignwide.wp-block-query-title h1 {
	font-size: 8rem !important;
	font-weight: medium !important;
	}

Digging further here.

This breaks on bbpress pages footer. Please fix. Changing this on my site will affect the entire site. What happens is that right column in footer floats left. FSE use this selector “body .is-layout-flex” that then screws up.

.wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-9 wp-block-group-is-layout-flex {
display: flex;
}

Also this breaks on forum pages. In footer menus the gap betwen meu and other items. Apparently this relates to flex, but does not fix by just changing the above.

:root :where(.is-layout-flex) {
gap: 1.2rem;;
}

Hi @robin-w

That’s a good find. Just starting to make it work. It is not compatible with bbp Style Pack, so I will turn it off, since the block thing works and my footer displays correct. Hence, I will CSS everything. That means some stuff breaks and I was hoping you have some leads to get those working with snippets:

1. Adding subject – How can I default people to subscribe to their post?
2. Subject counts – How can I remove the (0,0) count
3. Forum image – Is there a snippet way I can get the forum images back?

I will test Gutenberg editor, once I have sorted my other stuff.

Adding image. This works for me and adds link to the featured image:

// Add Featured Image box to forums
add_post_type_support('forum', array('thumbnail'));

function ks_forum_icons() {
    if ( 'forum' == get_post_type() ) {
        global $post;
        
        // Check if the forum has a featured image
        if ( has_post_thumbnail($post->ID) ) {
            // Get the forum's permalink
            $forum_url = get_permalink($post->ID);

            // Wrap the image in a link to the forum
            echo '<a href="' . esc_url($forum_url) . '" class="forum-icon-link">';
            echo get_the_post_thumbnail($post->ID, 'thumbnail', array('class' => 'alignleft forum-icon'));
            echo '</a>';
        }
    }
}
add_action('bbp_theme_before_forum_title','ks_forum_icons');

Removing count from forum titles:

// Remove topic and reply counts from all forum listings
function remove_counts($args) {
    // Set 'show_topic_count' and 'show_reply_count' to false
    $args['show_topic_count'] = false;
    $args['show_reply_count'] = false;
    
    // Ensure the separator is correctly defined
    $args['separator'] = '';

    return $args;
}
add_filter('bbp_before_list_forums_parse_args', 'remove_counts');

Hi @robin-w

It works thx. I was searching for a solution to this, but did not find anything. So status is:

The block theme compatibility plugin, does the trick and gives me a cool template for design forum in FSE. I have concentrated styling in css, hence, the style pack is for now off, for simplicity. The footer in TT5 is fixed and displays normal. I got featured thumb back using code above. The count in titles is removed using code above and new stuff is now auto subscribed using your snippet above.

Regarding Gutenberg editor everywhere. The plugin Blocks Everywhere clearly states, it is not compatible with block themes. Activating the plugin, breaks my site immeadiately. So getting to settings of the plugin is a stretch. Do you know where I configure it? Settings, Tools or other?

I will mark as solved and start other threat later if I run into issues.

Thx