Site logo

Archived topic

Category Pages

9 replies · Started by Kevin on March 2, 2021

Viewing posts 1–10 of 10

Hello-

How do I reduce the padding between the images/posts on my category pages? I want to keep the padding setting in customizer as is; just want to reduce the space on category pages.

Also, how do I change the heading for each post on the category page? I would like them to be H3 (just on the category page).

Hi there,

do you mean the space between the Post Image and the excerpt?
Or the spacing between each post ? If so is that just the vertical spacing ( top/bottom), horizontal or both?

Spacing between each both. Mostly focused on the vertical spacing right down the middle of the page (too much white space).

That adjusts the padding for the entire website right? I just want to adjust the padding for the category pages.

I see, then try this CSS, adjust the numbers :)

.archive.category .site-main .post .inside-article {
    padding: 0;
}
.archive.category .generate-columns {
    margin-bottom: 0;
}

Thanks Ying! That worked....I also asked about changing the heading;

"How do I change the heading for each post on the category page? I would like them to be H3 (just on the category page)."

Any suggestions?

Thank you. I figured out that I can reduce the font size for the H2 archive under typography. I was just trying to reduce the size of the title so my longer titles fit on one line.

Have a great day!

Great! Glad to hear that :)

This archived topic is closed to new replies.