Site logo

Archived topic

Customizing category pages?

9 replies · Started by Mike on May 31, 2020

Viewing posts 1–10 of 10

Hello
Is there a way to customize the category pages to change how the posts are displayed/

Similar to this? https://packhacker.com/packing-list/

I have WP Show Posts Pro and would like how to integrate my short code into the category page

Thanks!

Hmm it might be easier to style with CSS

If you want to set up your Blog and share me a link i can run through the CSS.
You can edit your original topic and use the Site URL field to share the link privately.

done thanks

Just to be clear we are talking about the theme archives ?
eg.site_url.com/category/japan-culture/

or site_url.com//tokyo-districts/

i think i removed the category base, so it wont say category

Can you enable the Read More button and set the number of columns in Customizer > Layout > Blog

ok done

So you will need to add some Separating Space in Customizer > Layout > Container.
And i would recommend less Columns as 4 ( and even 3 ) are little squeezed on archives with sidebars.

This is the CSS:

.generate-columns-container .post-image {
    margin: -20px -20px 10px -20px !important;
}
.generate-columns-container .post-image img {
    width: 100%;
}
.one-container:not(.page) .generate-columns-container .inside-article {
    padding: 0 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
}
.generate-columns-container .read-more-container {
    margin-left: -20px;
    margin-right: -20px;    
    margin-top: auto;
}
.generate-columns-container .read-more-container a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.one-container:not(.page) .generate-columns-container .inside-article, .entry-summary {
    display: flex;
    flex-direction: column;
    flex: 1;
}
This archived topic is closed to new replies.