Featured images issue

It sounds like the issue you are experiencing is related to how the images are being displayed on the home page and older post pages of your website. Here are a few things you can check and try to resolve the problem:

1. Image Dimensions: Make sure that all the featured images you are using on the home page and older post pages have the same dimensions. Having images with consistent dimensions can help maintain a uniform appearance on the website.
2. Theme Settings: Check if your theme has any specific settings for how featured images are displayed on the home page and older post pages. There might be settings related to image sizes, cropping, or alignment that could be causing the compression issue.
3. Image Optimization: Ensure that all images are optimized for the web. Large file sizes can lead to images being compressed or rendered incorrectly on the website. You can use image optimization plugins or tools to reduce image sizes without compromising quality.
4. Clear Cache: If your website uses a caching plugin or server-side caching, make sure to clear the cache after making any changes to ensure that the updated images are displayed correctly.
5. Inspect Element: Use your browser’s developer tools to inspect the compressed images. Check the CSS styles applied to these images and look for any rules that might be causing the compression. Adjusting the CSS properties like width, height, or object-fit could help resolve the issue.
6. Theme or Plugin Conflict: To rule out any conflicts with your theme or plugins, temporarily switch to a default WordPress theme like Twenty Twenty-Four and deactivate all plugins except for the essential ones. Check if the issue persists. If it doesn’t, gradually reactivate each theme/plugin to identify the one causing the problem.
7. Regenerate Thumbnails: If your theme uses custom image sizes, regenerating thumbnails using a plugin like “Regenerate Thumbnails” can ensure that all images are displayed correctly according to the new image size settings.

By following these steps and troubleshooting the factors that might be causing the compression of featured images on your website, you should be able to resolve the issue and ensure that all images appear consistently and correctly across the home page and post pages.

Images are all the same size and all were appearing fine before latest wordpress update. Same theme I have used since I started the webpage. Tried regenerate thumbnails plug-in. No difference. For whatever reason it is only the first three featured image for each post on the home page pages that are the correct proportions. The rest are reduced which is consistent across each home page. My home page only loads 10 posts at a time. The first three are fine, the next seven are not on each page.

Hey @melsalvador5
I have attched the screenshot. Check screenshot and remove auto hide from image. In your theme style.css that path https://mjstarot.com/wp-content/themes/ashe/style.css on line number 295 comment the img tag css.
https://tinyurl.com/224vfs2q

Thanks

• This reply was modified 1 week ago by Ravindra Singh Meyda.

Hey @melsalvador5 ,

just add this code in this directory appearance > customization > Additional Css and add this code it will set your all images here is the attached screenchot https://snipboard.io/DOokZp.jpg check and let me know

.post-media img {
    width: 100%;
}

Post media image height and width is 100%

When I remove auto from

<img width=”300″ height=”300″ src=”https://i0.wp.com/mjstarot.com/wp-content/uploads/2024/09/Rosebud-Tarot-2.png?resize=300%2C300&amp;ssl=1&#8243; class=”attachment-ashe-list-thumbnail size-ashe-list-thumbnail wp-post-image” alt=”” decoding=”async” loading=”lazy” srcset=”https://i0.wp.com/mjstarot.com/wp-content/uploads/2024/09/Rosebud-Tarot-2.png?w=709&amp;ssl=1 709w, https://i0.wp.com/mjstarot.com/wp-content/uploads/2024/09/Rosebud-Tarot-2.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/mjstarot.com/wp-content/uploads/2024/09/Rosebud-Tarot-2.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/mjstarot.com/wp-content/uploads/2024/09/Rosebud-Tarot-2.png?resize=75%2C75&amp;ssl=1 75w” sizes=”auto, (max-width: 300px) 100vw, 300px”>

it goes to the correct size but as soon as I go into a post and return to home page it goes back to the wrong ratio. When it reverts back and I hover over this section it tells me the rendered aspect ratio is 2:1.

Is there some way I am meant to save the changes. When I push enter after deleting auto, it changes but the change only remains while I stay on the home page.

Prior to today I have made no changes and everything was working fine last week.

after updated the code have you press save changes button?

also I have send you the mail which is mention in website contact page kindly check will resolve this issue

I feel like an idiot but I can’t find anywhere to click on that says save

ohhh don’t worry I have attached the video to copy and paste the code after pasting the code hit publish button issue will resolve. Here is the video link: https://somup.com/cZX2lDJrHc

• This reply was modified 1 week ago by asadz.

Thank you so much for all your help. The video was great. Much appreciated. It is all working as it should now.

Ohh that’s sounds great feel free to reach me again if any issue will happen

Will do. Thanks again.