Change size of large featured Image

Hey there Janie,

Hope you’re well today!

This could be fixed with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.single article.post .entry-header .entry-thumbnail img, .single article.page .entry-header .entry-thumbnail img {
width: auto;
}

This should make the single post image be displayed in its own size.

Hope this helps ??

Best regards,
Bojan

Thanks!

That makes the image smaller but it still appears above the post which looks a bit odd and is not a good use of space. Is there any way to put it under the title next to the post?

Here is an example from my other site that uses a different theme:
https://www.thrivehealth.com.au/2014/12/27/your-health-deserves-more-than-a-new-years-resolution/

Thanks again!
janie

Hey Janie,

I guess the easiest way to achieve that would be not to use featured image but rather put the image into post content.

Hope this helps ??

Cheers,
Bojan

Hi Janie

Thanks for reaching out. Using CSS, inserted under Appearance > Custom CSS for Vantage Premium or in your own Custom CSS module/plugin for Vantage Free you could use the following:

/* Set a max-width for the single post and archive featured image */

.single .entry-thumbnail img {
margin-right: auto;
margin-left: auto;
max-width: 50%;
}

article.post .entry-header .entry-thumbnail img {
margin-right: auto;
margin-left: auto;
max-width: 50%;
}

To change the size of the featured image without using CSS, try the plugin Simple Image Sizes: https://www.ads-software.com/plugins/simple-image-sizes/, after which you’ll need to regenerate thumbnails using: https://www.ads-software.com/plugins/regenerate-thumbnails/

Thanks, I now have the single post article and it looks much better.
I am now having problems with the post excerpts with the images not aligning to the left:
https://www.12w2thrive.com/articles/

I have tried something like the code below in custom css but it affects all my images:

.entry-content img {
    float: left;
  margin-right: 10px;
}

Is there some way to just align the images on this specific panel or in this widget?
Thanks again,
janie

So the CSS I sent through was ideally meant for use with our standard blog layout. Things are a little different with the widget you’re using here.

You can apply our blog layout as a widget, with a few template options, it’s called the Post Loop widget.

What about trying our small thumb layout? Head to Appearance > Theme Settings > Blog > Featured Image Type and set that to Small Icon. Try this without the CSS I provided.

Ok that looks much better! But I still have a few issues:
1. Can I select a category to post from?
2. Can I just display excerpts?
Thanks,
janie

Hello again, just as an addendum to the above. I have worked out that there is a post category page automatically generated that I can use but it still shows the whole post.
https://www.12w2thrive.com/blog/

How would I change this just to display excerpts within the Vantage theme? I have found PHP changes for this but they do not seem so apply to the Vantage files?

Thanks again,
janie

Thanks I have figured it out!
Change the blog settings to excerpt and add category name to Post Loop query field!

1. It’s possible to select a category using the Post Loop widget. Edit the widget, find the Additional field at the bottom. Insert an argument there as follows:

cat=x

Where x is the category ID you want to display. You can find the category ID by going to Posts > Categories, clicking on the category in question and viewing the url, the ID is in the url.

2. The Post Loop widget, when using the Blog Loop template should adhere to the setting set at Appearance > Theme Settings > Blog > Post Content, you can set Excerpt there.

Hope this helps. Glad to hear you’ve been making progress.