seperate containers for category page

Hi Torsten,

1. You can use this snippet to remove the page-header for category archives:

add_action('wp', function() {	
if (is_category() ) {
    remove_action( 'generate_archive_title', 'generate_archive_title' );
	}
});

Adding PHP: https://docs.generatepress.com/article/adding-php/

2. Your CSS can be modified to this:

.archive.category .generate-columns {
    margin-bottom: 20px;
    padding-left: 20px;
}

Hi Ying,
thanks for #1, working fine.
For #2, unfortunately this code doesn't give me the 20px space in background colour #EBE7E0 between the posts on the pages mentioned in "Private information".
Please check again, I left your Code in Custom CSS.
best,
Torsten

Hi Torsten,

For reference, can you take a screenshot of the specific location you which to add spacing to? The code provided by Ying seems to work from my end for adding space between posts.

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

Hi Fernando,
find 2 image links in Private information as well as both URLs to the category pages.
Image one (Kuenstlerinnen) shows on the left part the actual state, the right one shows the space in background colour between the posts as wanted.

The effect is the same as setting "Customizer / Layout / Container / seperate Container", shown in the 2nd image which shows the homepage with this setting and the then unwanted spacings, highlighted in light green and with arrows.
I excluded the unimportant middle part of the screenshot (pixeled).

Hope that helps,
best,
Torsten

Hi there,

if you have the site Customizer > Layout > Container set to One Container.
Then you can use this PHP Snippet to set the the Container to Separate Containers for specific template tags eg.

add_filter( 'option_generate_settings','lh_single_posts_settings' );
function lh_single_posts_settings( $options ) {
    if ( !is_single() ) {
        $options['content_layout_setting'] = 'separate-containers';
    } 
    
    return $options;
}

That will set any NON single template ( eg. blog, archives, homepage ) to separate containers.

Hi David,
still not what I wanted to achieve, but with Yings code as a starting point I've now set a box shadow, which works fine for me.

.archive.category .generate-columns {
    padding: 20px;
    box-shadow: 0 8px 8px 0 #ebe7e0;
}

Thanks to Ying, Fernando and David,
best,
Torsten

Glad to hear you found a solution