Archived topic
Featured Image padding
3 replies · Started by Matthew on December 11, 2018
Hi
I am trying to remove the padding below the featured image. What class should I target to do this?
I tried "featured-image page-header-image-single" but this didnt seem to make any difference.
Also I was thinking about adding content above the featured image, is this possible?
Hi there,
Have you tried the customizer option to remove the padding?
https://docs.generatepress.com/article/adjusting-the-featured-images/
As for adding content, there are two hooks you can use:
https://docs.generatepress.com/article/hooks-visual-guide/#single-post
Hey Leo,
That just removes the padding at the left and hand side of the image not above or below it?
Regarding Hooks, ah OK I am better understanding these now! Very useful.
You are referring to the top and bottom margin here?
https://www.screencast.com/t/avunK6Fro5
If you can remove them with this CSS:
.post-image-below-header.post-image-aligned-center .inside-article .featured-image {
margin-top: 0;
}
.separate-containers .inside-article>[class*=page-header-] {
margin-bottom: 0;
}Let me know :)
