How to resize the featured image container on post page.

Hi,

Please note that paid Mustang theme is already in version 1.6 (with full support for Beaver Builder page builder), while Mustang Lite is still in old version these days. I am working on Mustang Lite update too, but it will be released later.

However, you can still change the image sizes in Appearance > Customize > Theme > Images. Then you’ll have to use a plugin such as https://www.ads-software.com/plugins/regenerate-thumbnails/ to refresh all your existing images. You can also read https://www.webmandesign.eu/manual/mustang/#image-sizes

Regards,

Oliver

Interesting. I do have regenerate thumbnails plugin and none of my image sizes are set to a size that large so I am not clear as to what style selector or WP image size is used to display the post-media? I have a max image size of 1024 yet the post-media > image-container > post-thumbnail is scaling the image to 1400×1400.

Is there a way to change the scaling?
Thanks.

I found the css. Below is my CSS which I added which resizes the container and centers the image. Can you tell me how to remove the scale-rotate animation on the post thumbnail, or fix the scale-rotate animation for a scaled container?
https://www.oursceniclife.com/category/travel/

.post-thumbnail {
	max-height: 350px;
	width: 100%;
	overflow: hidden;
}
.post-thumbnail img {
	margin-top: 175px;
	margin-left: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
}

Hi,

If your images hasn’t been resized correctly, you may uploaded a very small images. Please note that WordPress don’t upscale the images, it crops only the images that match the correct minimal size.

Please upload a larger images. Best bet is to upload a full HD image (1920 x 1080 px) and let WordPress crop and scale the image for you.

I also suggest using https://www.ads-software.com/plugins/imsanity/ plugin.

Also please note that you have to set up correct aspect ratio in the settings I’ve mentioned in my previous reply. If your image is set to 1400×1400 px it means it’s using 1:1 aspect ratio for blog images. Please change this to something more appropriate, such as 3:1 or something.

To remove the CSS transform please use this custom CSS:

.list-articles article:hover .image-container.scale-rotate img {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}

Regards,

Oliver

hi..
im sorry but i need help please
thanks in advance.

i use EDD (easy digital downloads)
all my downloads loks like that (big featured image ) but i dont need this scale..
i ve see on this topic , we can deny this automatic scale with css…
my question:
how customise css an where ?
with page builder?(tools…)?
i can edit a css file if you say me which..
please Explain to me precisely where put your custom CSS.

thanks

This morning i ve try to modif the mustang “content.php”
ligne 34
&& ! apply_filters( ‘wmhook_disable_single_featured_image’, true )

i ve modif false to true
so, no big image….
because no image…

good but original image will be better !

Hi,

I’m sorry but the theme was never tested with EDD plugin. The premium version of the theme actually supports WooCommerce (https://www.webmandesign.eu/mustang-wordpress-theme/).

Please understand that due to this reason I don’t really provide support for 3rd party plugins integration. Please read https://support.webmandesign.eu/support-policy-and-terms-of-service/

Also, please don’t edit the core theme files. Your changes are going to be overwritten once you update the theme. Instead use a child theme https://www.webmandesign.eu/manual/mustang/#child-theme

If you only want to modify the theme CSS, you can insert your custom CSS with these methods: https://support.webmandesign.eu/forums/topic/css/ To determine what CSS you need to use, please use a code inspector tool in your browser (https://webmandesign.ticksy.com/article/6180/).

And finally, as you can see there is a filter applied on the code you have changed in the content.php file. Please use the filter to modify the value instead hardcoding it. https://www.webmandesign.eu/manual/mustang/#hooks Something like this:

// Put this code into your child theme's "functions.php" file:
add_filter( 'wmhook_disable_single_featured_image', '__return_true' );

Regards,

Oliver

Hi,
I’m having an issue with a new site:
When making a post with an image, the image is too big and the option to resize (medium/large) isn’t in the edit attachment settings.

So basically I need to make the photo smaller to ‘fit’ the space allowed next to the post heading. I’d prefer not to use code as I’m not familiar with it so guidance through the WordPress dashboard or advice on editing photo prior to upload would be most useful.

Can anyone assist with this?

Thanks in advance

Hi,

Please try to set up the image size for display in theme options. Also, make sure you are uploading the image of a minimal size set for your website. All the information can be found in theme documentation at https://webmandesign.eu/manual/mustang/#image-sizes

Regards,

Oliver