Change Thumbnail Size

  • Hi there,

    I’d like to change the image/thumbnail size on index/category/archive pages.

    Is there any option for this settings? I’d like to have a custom size (like 300×250)

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @isshmen ,

    To change Post featured image size go to customizer >> Blog >> Blog page / Archive -> Featured Image Size and select it from the dropdown. See this screenshot for reference https://prnt.sc/c06kLyb7R4EE

    Thank you

    Thread Starter isshmen

    (@isshmen)

    Hey Alex,

    Thanks for the help, but I am asking to change the size BOX, not uploaded image.

    Maybe this helps: https://prnt.sc/C4vG9AWjgY-4

    thank you.

    Thread Starter isshmen

    (@isshmen)

    Any help, please?
    I really need this done.

    Hello @isshmen ,

    If you want to auto adjust the image container size according to the featured image size put below css into Additional CSS field of customizer:

    @media only screen and (min-width: 869px) {
        .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper div.post-gallery,
        .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper div.post-thumb {
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
            max-width: 50%;
        }
    }

    And change the image resolution to 300×300 from the dropdown like shown in screenshot https://prnt.sc/c06kLyb7R4EE

    If you want to hard-code the container size put below css rule into Additional CSS field of customizer:

    @media only screen and (min-width: 869px) {
        .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper div.post-gallery,
        .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .bloghash-blog-entry-wrapper div.post-thumb {
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
            max-width: 300px;
            max-height: 250px;
        }
        .bloghash-blog-horizontal .bloghash-article:not(.format-quote) .entry-media img {
            min-height: 250px;
            object-fit: cover;
        }
    }

    Thank you

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.