Hi, I am using Vantage Premium – child theme.
My research has left me without a resolution to changing a featured image size. I have several logos added to ‘The Events Calendar’ plugin. They display too large for the page.
The theme settings – Blog > Featured Image Type doesn’t change the size.
I tried this CSS from your support forum though it didn’t appear to be appropriate:
/* 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%;
}
Can someone lend me a hand on this, either CSS or a theme setting I’m missing?
Thanks!
URL: http://imsone.com.v3.cloudsites.gearhost.com/cox/events/
To note: I also tried ‘simple image sizes’ plugin and changed post-thumbnail-size (changed to 300×300), regenerate and save. This didn’t work either. I didn’t touch small, medium and large image sizes assuming this might affect my primary image pages.
I’ve also used ‘Force Regenerate Thumbnails’ after plugin and CSS changes to no avail.
Hi [email protected]
Thanks for reaching out. Simple Image Sizes and Regen. Thumbnails would be the way to go. Are you asking about the logo sizes here: http://imsone.com.v3.cloudsites.gearhost.com/cox/events/. Those don’t look to be handled by Vantage image sizes. Let me take a look the events plugin you’re using and see if I can spot the image size.
Ok, should be:
Settings > Media > Medium. Default is 300 x 300. Give that a go. Run regen. after making a change.
I bumped the Settings > Media > Medium size down to 150×150 but the logos here (http://imsone.com.v3.cloudsites.gearhost.com/cox/events/) look pixelated now. The image block is holding to a larger size. I regenerated thumbnails so a change occurred but the image doesn’t display smaller, instead looks stretched. Too, If I try to upload just a smaller image it still stretches to fit the space.
Any other suggestions would be great. I will keep digging into it too and let you know if I resolve.
Add the following to Appearance > Custom CSS:
.tribe-events-list .tribe-events-event-image { width: 30%; } .tribe-events-list .tribe-events-event-image+div.tribe-events-content { width: 67%; }Adjust the widths as required.
That works, thanks!
Now if everyone just designed there logos to same proportions. Out of curiousity, I tried this instead of the percentage which displays the way I think I want it so definitely pointed me in the right direction:
.tribe-events-list .tribe-events-event-image {
width: 100px;
}
Really appreciate your prompt help again.
For sure, 100px is cool, as long as everything fits.
Glad we could help out. All the best with your site :)