[Resolved] seperate containers for category page

Home Forums Support [Resolved] seperate containers for category page

Home Forums Support seperate containers for category page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2371332
    Torsten

    Hi,
    I have 2 questions:
    1.
    I would like to display the category pages without the category name above the posts.

    .page-header .author-info>:last-child, .page-header>:last-child {
        display: none;
    }

    leaves the white body background colour…
    check out “News” and Link in “Private Information”, white space between header and posts.
    2.
    I would like to have space between the posts on the category pages, and only there, not on the start page. How can the code below be set for category pages only?

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

    Can you help?
    Thanks ahead,
    Torsten

    #2371391
    Ying
    Staff
    Customer Support

    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;
    }
    #2371932
    Torsten

    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

    #2371967
    Fernando
    Customer Support

    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

    #2372070
    Torsten

    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

    #2372128
    David
    Staff
    Customer Support

    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.

    #2372152
    Torsten

    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

    #2372162
    David
    Staff
    Customer Support

    Glad to hear you found a solution

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.