Vantage Preview Picture Quality

Hi NoPulp

Thanks for your question.

It looks like you might have edited style.css directly. All WordPress themes completely overwrite their own folder. If we release an update for Vantage and you run that update, any changes you’ve made to style.css will be lost. All edited CSS rules should, ideally, be stored at Appearance > Custom CSS. So for example, you’ve edited the Grid Loop so that rule should be stored at Appearance > Custom CSS:

.vantage-grid-loop article {
    width: 50%;
}

In this case, you’ve only edited the width property so only that declaration needs to be stored in Custom CSS.

The image quality problem arises from this rule. By default, the grid loop articles are only 25%. Vantage hard crops the images, expecting 25%, not 50%. Here is what the theme does in the background:

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

By increasing the article width to 50% you’re making the images larger than 436 x 272 which is why they’re distorted.

If you want to keep your 50% article width you could try the following steps:

1. Install a plugin called Simple Image Sizes.
2. Use Simple Image Sizes to change the grid loop image size to 478 x 298.
3. Use Simple Image Sizes to regenerate thumbnails.

Nicely done :) We’re glad to hear you’ve made progress.

Thanks for your support and all the best with your site.