Hi,
I’m in the process of changing over to the Vantage theme on a staging site that I’ve set up for one of my sites at the moment.
I love the theme but there’s a couple of things regarding the featured images on the homepage where the excerpts of the blog posts are shown that I’m not sure how to fix, I’m hoping you guys can point me in the right direction.
1. First thing is that I want to make the Featured images all the same size (roughly 196×185) as currently the theme is showing my featured images as completely different sizes, where as my previous theme must have been set to reduce the size of each one somehow. Any idea how I can do this within the Vantage theme?
2. Second thing I’d like to be able to do is have the featured images to the left hand side of the content excerpt. At the moment the featured images are above the content and it doesn’t look great. Not sure if there is an easy option to change in the theme settings for this or if I may have to change code or something instead?
Any help with these two issues would be much appreciated guys, thanks in advance.
Hi Libertine,
The answers to your questions are actually directly related.
Please navigate to WP AdminAppearanceCustomize, Theme SettingsBlog and set the Featured Image Type to Small Icon. This will move the icon to the left of the post. Once you’ve done that please navigate to WP AdminSettingsMedia and adjust the Thumbnail Size.
Now view your blog page. Now as you can see that while the image is the correct size, it’s not being displayed at said size – it’s either smaller or slightly larger. This is due to the dynamic CSS used for the featured image and entry-content. You’ll need to manually adjust the width to get the desired spacing.
If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Please add the following CSS and adjust the width.
/* Featured Image */article.post.post-with-thumbnail-icon .entry-thumbnail, article.page.post-with-thumbnail-icon .entry-thumbnail { width: 11.68%;}/* Content */article.post.post-with-thumbnail-icon .entry-main, article.page.post-with-thumbnail-icon .entry-main { width: 84.41%;}To clarify, the provided CSS are the default width for both areas.
You might also need to install the SiteOrigin CSS Editor.
Thanks a lot for the help Alex, that’s worked a treat. Very much appreciated!