Site logo

Archived topic

How to show/customize Web Stories in columns?

1 reply · Started by Naman on December 22, 2021

Viewing posts 1–2 of 2

Hi! I would like to show web stories in the column and also want to remove "Archives: Stories" heading from the page.

Thanks in advance!

You can remove the archive title for the archive pages by adding this PHP snippet:

add_action( 'after_setup_theme', function() {
    remove_action( 'generate_archive_title', 'generate_archive_title' );
} );

Here's how to add PHP snippets to the site - https://docs.generatepress.com/article/adding-php/

As for the post grid styles if you want the shadow effect, it's using this CSS:

/* Posts grid styles */
.generate-columns .inside-article {
    background-color: #f7fbfc;
    transform: scale(1);
    box-shadow: 0px 0px 0px 1px rgba(214,218,222,1);
    transition: all 0.1s ease-in;
}
.generate-columns .inside-article:hover {
    transform: scale(1.01);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
}

As for the columns, the pages are already in columns, but you can increase the column count on Appearance > Customize > Layout > Blog and set it like this. https://share.getcloudapp.com/RBuy1ejn

Make sure "make first post featured" is unchecked so it's not stretching bigger than the rest of the posts. :D

This archived topic is closed to new replies.