Remove entry-summary and entry-meta from category page

Hi there,

Can you try this snippet to remove the entry-summary first?
add_filter( 'generate_show_excerpt', '__return_false' );

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

I'll report back on the entry meta.

Hi Leo,

I added your snippet, but it caused the entire article to show under each post entry!

Best regards,
Jesse

Hmm when that snippet is added, the entry-summary is removed.

However, that makes the default entry-content shows and there isn't a way to remove that in the HTML.

I don't believe there is a way workaround for this unfortunately.

As for the footer entry-meta, that's actually a bug in the archive pages (it's removed when empty by default in single posts) and we will fix that in the next update.

Hi Leo,

Okay, thanks for looking into it. Do you know when the next update will be released?

Best regards,
Jesse

Hi Leo,

Also, I was hoping you could help me with one more thing on these category pages. I'm using this CSS to show the posts in two columns on mobile:

@media (max-width: 768px) {
  .generate-columns.mobile-grid-100 {
    clear: none;
    width: 50%;
  }
  .generate-columns .inside-article {
    padding-bottom: 0px !important;
  }
}

I'd like to be able to shrink the space between the columns to make it narrower. Please see the attached screenshot to see exactly what I'm referring to.

My setting for Layout > Container > Container Layout is set to Separate Containers. The Content Padding setting below that is set to 20px for both Left and Right, therefore the gap between the two columns is 40px. I want that gap to be 10px.

If I change the Left and Right padding to 5px each, the gap between the two columns is 10px, which is what I want. However, then the padding is only 5px on the right and left sides of ALL my content site-wide, which I want to keep at 20px.

So, how can I keep the 20px padding on the left and right side of the screen, while achieving only a 10px gap in-between the two columns? If I change the "Content Layout" setting from "Separate Containers" to "One Container" then it keeps the 20px padding on both sides of the screen, but then there is no gap at all between the two columns.

Best regards,
Jesse

Hi Jesse,

Try this CSS:

@media (max-width: 768px) {
    .generate-columns-container .post:nth-child(even) .inside-article {
        padding-right: 5px;
    }
    .generate-columns-container .post:nth-child(odd) .inside-article {
        padding-left: 5px;
    }
}

Let me know :)

Hi Ying,

That worked perfectly! Thanks! One last tweak - do you know how I can reduce the white space between rows?

Please see the attached screenshot.

Best regards,
Jesse

That spacing is coming from the bottm margin of entry summary and entry meta.

You could try this CSS to hide them for now:

.archive .entry-summary, .archive .entry-meta {
    display: none;
} 

Amazing! Thanks so much!

You are welcome :)

Hello Ying,

In the comment above you gave me CSS to hide the entry summary and entry meta from the archive pages. I would like to do the same for the search result pages.

How can I do that?

Best regards,
Jesse

Try this one :)

.search-results .entry-summary, .search-results .entry-meta {
    display: none;
} 

Thanks!

No problem :)