Home>Support>Vantage – Blog Grid – Thumbnail image crop

Vantage – Blog Grid – Thumbnail image crop

By Rdahl, 9 years ago. Last reply by Daniel, 9 years ago.

Hi

I am using the vantage premium theme and i have a blog grid on my front page.
there is one thing i need some help with tho.

When i set a featured image for a post, it works fine for that single post, but when it is shown in the blog grid, it selects a cropped version of the image. How do i manually override which version of the image to use?
I have even disabeled/unchecked the cropping of images on wordpress media under Settings > media > “Crop thumbnail to exact dimensions”
but this still happens on new images.

I basically want my original image, a downsized version ofcourse, since it will be used as a header/feautered image for the post as well as a cropped version for the grid layout.

Hope you can help :)

cheers.

URL: http://1942mods.com/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Daniel
    Hi, I Work Here

    Hi Rdahl

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    .vantage-grid-loop article .grid-thumbnail img {
width: 370px!important;
height: 100px!important;
display: block!important;
}

    Try that out

    Cheers :)

  2. 9 years, 7 months ago Rdahl

    Hi Addo, thanks for your reply.

    It is for some reason using a cropped image, even tho i set my wordpress settings to not crop my images.
    I want to be able to use the featured image both for the blog grid layout as well as the single blog post.

    Does the original featured image have to be exact size?
    I tried it with the same aspect ratio, but for some reason it is still cropping my image.

    This is the original featured image which is used for the single blog post http://1942mods.com/wp-content/uploads/2015/01/test2-720×212.png
    This is the cropped version it is using for the featured image in the blog grid layout http://1942mods.com/wp-content/uploads/2015/01/test2-436×212.png

    It seems like the height of the image is kept, but the sides get cropped off leaving the image squeezed from top/bottom.

    I downloaded a plugin to rebuild all thumbnails, and i see that there is a thumbnail setting for the Vantage theme.
    It looks like this si what is causing the image to crop ” vantage-grid-loop (436×272 cropped)” the width here is the same as for the cropped image i get on my grid layout. 436px wide

    I can’t find this setting anywhere, should i start looking at the core theme files to see if i can find it? or do you have a sollution?

    Thanks :)

  3. 9 years, 7 months ago Rdahl

    ok so i removed this

    add_image_size('vantage-grid-loop', 436, 272, true);

    from functions.php in vantage.

    Now it is using my original image as the featured image for blog grid, however this is the full-size version, not a scaled downed medium version. How do i override it so that it uses a lower resolution image to help load-times?

  4. 9 years, 7 months ago Daniel
    Hi, I Work Here

    Hi Rdahl

    Reducing the number of pixels lowers the resolution. I have seen that you have already implemented this with the following Custom CSS.

    .vantage-grid-loop article .grid-thumbnail img {
width: 340px!important;
height: 120px!important;
display: block!important;
}

    by that you are good to go :-)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More