Different size (aspect ratio) featured image on masonry blog post vs. actual post

Support
#1

Wondering if there is any way to have a different size image used on the masonry blog post versus the actual post. I’d like the images on my blog page to be square. However, on the actual post I’d like them to be rectangular.

Currently, the masonry blog page and post image are the same aspect ratio.

Blog page: https://aatorontoprdev.wpengine.com

Sample post or page: https://aatorontoprdev.wpengine.com/2022/12/10/finance-chairperson-needed/

Any help you can provide would be greatly appreciated.

Thanks!

#2

Hello @imramugh,

Thanks for writing in! First, we need to resolve the issue in your Masonry layout. Add this line of code under Global JS in Cornerstone. (Click the JS button, then switch to the Global tab):

if (window.jQuery.xIsotope) window.jQuery.xIsotope.settings.animationEngine = 'css';

And then you may also check out this thread:

Kindly let us know how it goes.

#3

Thank you for your response, however I don’t think this is it. The featured images on my masonry blog page are all the same size already. I’m talking about maybe having them to be square, but then when I click on the post, the featured image at the top of the page should be a different aspect ration (rectangle maybe). Does that make sense?

#4

Hey @imramugh,

The featured images display in the archive or blog index whether it is the standard layout or masonry, it is displayed using the theme’s built-in image size. If you want to change it to something square, you might want to check out this old threads:

A custom code is needed so that a different size for the archive/blog index will be display while retaining the theme’s built-in image dimension will still get displayed in single posts. Perhaps, in addition to the code in the older thread, you would have to add this:

IF NOT Singular page  Then
	$thumb = will just be Medium
EndIF

Be advised that custom PHP coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

When adding custom codes, you will have to maintain any custom coding to make sure that it will still work after any updates or does not create any issues or incompatibility in the future.

Best Regards.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.