Featured image size

Hi there,

you can add padding to the featured image like so:

/* Desktop Padding */
.page-header-image {
    padding: 60px;
}
/* Mobile Padding */
@media (max-width: 768px) {
    .page-header-image {
        padding: 30px;
    }
}

If you only want to left and right padding then change:

padding: 60px; to padding: 0 60px;

and

padding: 0 30px; to padding: 0 30px;

Hi David,
this works fine up to a browser width of approx. 1220 px. Then the featured image begins to shift to the right. Is it possible to fix this?
The container width is 1100 px, the image width is 900 px.
Thank you

Go to Customizer > Layout > Blog and under Featured Images > Pages change the alignment to Left.

Great, thank you.
Wish you all a happy new year :)

On a similar note, how can I remove the space between the featured image and the post content on a post page (see https://www.matthiasheil.de/jahreswechsel-in-einem-wort/ )? - I want to stick with the space between the post content and the comment section, though - and the size of the featured image should be as it is now, thus not aligned to the post text width! - Thanks ever so much for caring - and a happy new year from Germany!-)

Hi there,

Have you tried altering the featured image location?: https://docs.generatepress.com/article/adjusting-the-featured-images/

Happy New Year! :)