• Hey! Is there any way that I customize the featured image size on the archive pages? I want all images of the same size. I tried to add custom width and height but it didn’t work on mobile screens.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Without our pro version, you would need to use this filter: https://docs.generatepress.com/article/generate_page_header_default_size/

    Let us know if you need more info ??

    Hi there,
    Try the Below CSS code it will resize all images on the category archive page.

    body.archive.category .post-image img {
        height: 240px;
        width: 380px;
        object-fit: cover;
    }
    Thread Starter harsha510

    (@harsha510)

    Hey Thanks, This worked! but Is there a way to customize the blog page too? (the post page)

    Add the following CSS for single blog feature image size, change size according to your requirement

    body.single .featured-image.page-header-image-single img {
        height: 320px;
        object-fit: contain;
    }
    Thread Starter harsha510

    (@harsha510)

    Didn’t work. I am asking for the default blog page customization. The first CSS worked for category pages but not for the default blog page

    I thought you are asking for a change in the single post feature image, for the blog page image size replace the first CSS with the below CSS code.

    body.archive.category .post-image img,
    body.blog .post-image img {
        height: 240px;
        width: 380px;
        object-fit: cover;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Featured Image size’ is closed to new replies.