I see that in the past a few people have already asked about changing the featured image size to something other than the default 720×380 in Vantage. So far Alex and Greg have suggested using the Simple Image Size plugin:
Vantage Theme – Featured image size
However this plugin is more than a year old and appears to be abandoned. For security reasons I prefer not to use plugins that are no longer being updated.
Is there any other solution to this request? I tried using SiteOrigin CSS but could not see any way to change the featured image size. In my case 380px in height is too small, I’d like something closer to 720×500.
If CSS can’t make the fix, could a child theme be created, then modify the php file that controls the featured image size? If so which file and which code?
Thanks!
Hey, I forgot that in another one of my support questions you mentioned the Vantage Site Pack plugin. I’m installing it now on my localhost test site (it’s taking a looooong time!).
I’ll try it out because your demo site had featured images that were pretty much the perfect size I wanted, both on the home page grid and the post page. I’m going to see if I can figure out how you’re getting those sizes and will try to duplicate it on a site without the site pack plugin. Will let you know what I discover!
OK, I installed the Vantage Site Pack which was very helpful because I could see exactly how you guys got the Featured Images the way I like. Here’s what I learned:
1.) As was mentioned in my other post, you were using the Livemesh Widgets plugin to make your grid on the Vantage grid demo page. I actually tried this plugin out before I started this post but I couldn’t get it to work as I wanted, plus I was hoping to find a solution that only used SiteOrigin products. Here’s why: I’ve been debating between buying the GeneratePress theme and a page builder like Elementor or Beaver Builder, or just go with a SiteOrigin free theme like Vantage and the Premium subscription. I’m leaning towards the SiteOrigin option because I think it would be simpler to just stick with one company. So using a third party plugin like Livemesh is not something I’d be interested in. Who knows how long Livemesh will continue to support their plugin? If they abandon it that could screw up my site. The good news is that I am able to get a grid I like on the home page by only using the SiteOrigin options.
2.) As for the large Featured Image on the post page in your demo I now see that you used PageBuilder and the SiteOrigin Image Widget for this, plus the SiteOrigin Editor Widget for the text. At first I thought writing posts like this would take too many steps to my blog creation process but I dug a little deeper and learned about your Clone Post option so I think this will be a workable solution for me.
I’m still interested in my original question about changing the Featured Image size via CSS or PHP but if that is not an option I think I’ll be OK with the solution above.
By the way I’m very impressed with the work you guys have done. I’m doing some more testing but I expect to purchase a Premium plan this week or next. Thanks!
Preface: This is a copy of my reply over Premium support.
Hi Beachguy,
Unfortunately, this isn’t possible without a plugin or by writing the PHP to do this as premium doesn’t feature the ability to choose the image size.
Personally, I would use the recommended plugin but if you’re familiar with basic PHP you’re able to override the image sizes pretty easily using standard WordPress functions. Due to how simple it is I don’t mind giving it to you now. Here’s the PHP code to do this:
function so_grid_no_crop(){ remove_image_size( 'vantage-grid-loop' ); add_image_size( 'vantage-grid-loop', 436, 272, false ); } add_action( 'init', 'so_grid_no_crop', 50 );The above PHP is actually all you need to adjust the image size for the post loop grid. I would recommend adding it to something like Code Snippets but if you don’t wish to use an additional plugin at all you’ll need to use a child theme.
Add the code to your desired method and then adjust the dimensions as desired. The first number is the width and the second is the height. The third value is if you wish to crop it or not.
Once you’ve added the code you will, however, need to regenerate your images. This one is unavoidable – you need to use a plugin to do this. Once it’s run however you can simply uninstall it. The plugin is called Regenerate Thumbnails