Archived topic
Removing Excess Space on Archive Pages
5 replies · Started by OFG on November 21, 2022
I would like to display featured images on my archive pages without any excerpts, read more buttons, etc. I figured out how to do this, displaying them in a three-column display, but there is a large amount of space between each row. Is there a way to remove the excess space between rows. The space between the columns is just right. Thanks in advance for your help.
Hi Julie,
First of all, are you aware that it isn't a good practice to hide the post titles using display: none; then add them directly to the image itself?
Let me know if you are not concerned about this :)
No, I wasn't aware of that. Thanks for bringing it to my attention. I added the title, excerpts, and read more link back to the page and added additional CSS to minimize the margin-top, margin-bottom, and padding bottom, but I'm not sure I did it correctly. It works, but perhaps it can be streamlined. Can you provide the proper CSS to minimize the space between the image and the title, the title and the excerpt and the excerpt and the subsequent row on archive pages? I would like less space between them all. Thanks again.
Let's take another step back first.
Are you aware of the content template feature?
https://docs.generatepress.com/article/block-element-content-template/
You should be able to replicate something very similar to the actual featured image.
Take a look at the video in the documentation.
Let me know :)
That will probably do the trick. I'll try it out and mark this topic as resolved for now. Thanks for your assistance.
No problem :)
