Featured image size

[Bernhard]

Hello,
I’d like to have the same size for featured image and slider. The article https://docs.generatepress.com/article/adjusting-the-featured-images/ did not help. How can I set the padding for the featured image?

[David]

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;

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Bernhard]

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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Bernhard]

Great, thank you.
Wish you all a happy new year 🙂

[Matthias Heil]

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!-)

[Tom]

Hi there,

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

Happy New Year! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts