[Suniko]

Hey Vako,

Thank you for a CSS snippet but does it fixed the issue?

https://gorskim-szlakiem.pl/srebrna-kopa-gory-opawskie/ – the featured image (ashe-full-thumbnail) in Chrome looks as it should with <img width=”500″ height=”313″

but here https://gorskim-szlakiem.pl/kobylica-i-kozia-gora-gory-opawskie/ it still render in 1000×626…

.post-media img {

width: 500px !important;

}

doesn’t seems to do the job – how about adding custom css for ashe-grid and ashe-full thumbnail to make it width: 500px !important?

And what about functions.php change for future ashe theme update?

• This reply was modified 2 weeks, 3 days ago by Suniko.

[Suniko]

This reply has been marked as private.

[Suniko]

Hi @vako

This problem looks exactly the same as brought in this topic some time ago: https://wp-royal-themes.com/forums/topic/7-10-featured-images-squashed-in-chrome-ok-in-other-browsers/ Here are the screenshots from Chrome and Firefox of one of my posts:

https://photos.app.goo.gl/27WiqYcrCh8CfC3Z7

Clearing cache and rebuilding thumbnails doesn’t help.

The hight and width attributes are changing in the html code but they are not being reflected in the Chrome/Edge browsers. Looks like another WordPress issue but I wanna first check with you.

Links to my posts examples that have this issue in Chrome:

https://gorskim-szlakiem.pl/kobylica-i-kozia-gora-gory-opawskie/

 

[Suniko]

So I made a small discovery today and maybe this will help some of you to fix your issues with featured image.

If you setup your ashe-grid-thumbnail on personalize tab Blog Page->General – Grid Thumbnail Crop Width and Height to for example 600×600 it will set resolution of your featured image in main blog page to 600×600.

HOWEVER inside the single post the featured image is getting dimensions from ashe-full-thumbnail script from functions.php. Now if you set it to be LESS then Grid Thumbnail Crop dimensions the AJAX Rebuild is failing to rebuild the single post featured image.

What fixed my issue was: go to appearance tab in main menu -> find theme code editor -> go to functions.php. and find this line of code:

// Custom Image Sizes

add_image_size(

‘ashe-slider-grid-thumbnail’,

ashe_options( ‘featured_slider_crop_width’ ),

ashe_options( ‘featured_slider_crop_height’ ),

true

);

add_image_size(

‘ashe-full-thumbnail’,

1140,

9999,

true

 

Change the dimensions of image to be 1 px larger than the value you set for the Ashe Grid Thumbnail Crop, save and then go again to AJAX Rebuild and rebuild all your featured image thumbnails.

For example: if your Ashe Grid Thumbnail is set to 600×600 make ashe-full-thumbnail 601×601

Hope that will help some people 🙂

Disclamer: Of course you have to know what you are doing with php scripts as if done incorrectly it might break your website even more.

[Suniko]

@Vako I’ve checked today and the ashe-grid-thumbnail is not rendering correctly on main Blog Page. But looks like ashe-full-thumbnail is still having problems as a featured image and being squeezed.

Examples: https://gorskim-szlakiem.pl – here there is ashe-grid-thumbnail that is now rendering fine.

Here is an example where ashe-full-thumbnail is not rendering correctly (squizzed): https://gorskim-szlakiem.pl/drabina-walbrzyska-dzien-3-etap-gorce-walbrzych-miasto/

BUT here all with ashe-full-thumbnail is fine… https://gorskim-szlakiem.pl/wawel-zamek-krolewski-na-wawelu/

So I would appreciate your keen eye on this to get it fixed 🙂

[Suniko]

Looks like the fix is to remove the ashe-grid-thumbnail custom sizes from functions.php, rebuild thumbnails with AJAX plugin, add custom sizes again on functions.php and rebuild again.

Weird but works…

[Suniko]

@Vako Hi Vako, thanks for your replied. I followed your guidelines and performed the below:

 

1. Cleared all cache via WP Rocket + cleared all cache on my CDN server – issue still persist on Chrome but not in Firefox which is uber strange…

2. Currently instlaled Ashe Pro version is 3.7.7 – checked

3. Ajax Thumbnail rebuild did capture changes in functions.php to override the image dimensions to 533×0 or 533×333 and completed rebuilding all featured images. In chrome issue still persist but now ALL featured imaged are squeezed to 300×15…

 

Would appreciate additional help…

[Suniko]

Same problem on my website  https://gorskim-szlakiem.pl

Ashe-grid-thumbnails and ashe-full-thumbnails getting squished from 533×333 to 330×150 against functions.php attributes

[Suniko]

Ok so this is expected to be fixed in future update or is there anything that can be done on my page to get rid of raised CLS to take it down from 0,12 to 0,09?

 

[Suniko]

This reply has been marked as private.

[Suniko]

Hey @Vako,

Any update regarding my problem with CLS? 🙂

[Suniko]

Thank you.

I’ll be waiting for an update 🙂

Best regards.

[Suniko]

This reply has been marked as private.

[Suniko]

Thank you vako.

Would be also nice if dev team could reveal which php code fragments are responsible for featured image resize on single post.

When I’m trying to resize it with Media settings + Ajax I can only set up resolution for thumbnail, medium and large.

[Suniko]

This reply has been marked as private.

[Author]

Posts