Hi, I'm using sonaar podcrafter theme on my website.
I'm using 1280*720 image size for podcast, however, the images look blur as the theme is using its thumbnail version (559x314). I have try changing the thumbnail size in WordPress media settings and regenerating the thumbnails but didn't help. When I remove (-559x314) from the image in inspect (attached) the image gets good quality without changing the dimension. so I want to keep it and remove 559x314 permanently.
Hi, I'm using sonaar podcrafter theme on my website.
I'm using 1280*720 image size for podcast, however, the images look blur as the theme is using its thumbnail version (559x314). I have try changing the thumbnail size in WordPress media settings and regenerating the thumbnails but didn't help. When I remove (-559x314) from the image in inspect (attached) the image gets good quality without changing the dimension. so I want to keep it and remove 559x314 permanently.
Please help me with this issue.
Thank you.
Attached files: Screenshot 2023-06-11 175644.png
Hi,
Please try this,
Go to wp-admin>theme options>custom css/js
And add this code in the custom js field (not the css field)
var sr_image = $('.iron_podcast_player .sonaar-Artwort-box .album-art img');
if(sr_image.length){
var sr_startTime = Date.now();
var sr_interval = setInterval(function() {
if (typeof sr_image.attr('src') != 'undefined' && sr_image.attr('src').length > 1) {
sr_image.attr('src', sr_image.attr('src') .replace(/-559x[^.]+/, '') );
clearInterval(sr_interval);
}
console.log('time', (Date.now() - sr_startTime));
if ((Date.now() - sr_startTime) > 2000) {
clearInterval(sr_interval);
}
}, 500);
}
Thanks,
Alexandre from the Sonaar.io Crew