Archived topic
Remove Padding From Blog Archives
7 replies · Started by Emma on June 4, 2022
I would like to remove the padding around the blog archives so that the title and excerpt is directly below the image without all the padding around the text (exactly like it is in your 'crypto' template). Could you advise how to do this?
Is there a setting somewhere to do this or will I need css?
Hi there,
the Crypto sites blog content template was built using the Block Element - Content Template.
https://docs.generatepress.com/article/block-element-content-template/
With that method you can redesign the post card to exactly how you need it
Does that require generate blocks or is it part of generate press premium?
Is there a way to remove the padding with css?
The content template will require GenerateBlocks plugin.
Can you link us to your blog?
I just wanted to change the blog archive layout slightly by removing the padding. It might not be worth doing it if I need to install a plugin as it's only a small change.
There also seems to be some extra padding at the bottom of each post on the archive pages which I'm not sure how to remove.
You will need to do a few things:
1. IN Customizer > Layout > Blog --> Featured Images >>> Archives (tab) check the Display Padding Around Image.
2. You have this CSS which is adding a shadow border to the article element:
.archive .inside-article, .blog .inside-article {
border: 1px solid #f2f2f2;
box-shadow: 0 0 10px 0 rgba(0,0,0,.06);
}that will need removing as the text will hit the padding.
3. Now the archive article padding and its background color needs reducing/removing. With this CSS:
.generate-columns-container .generate-columns .inside-article {
padding: 10px;
background-color: transparent;
}That's sorted it, thanks.
Glad to hear that !
