Make the thumb recent post bigger

Hey Antonio,

Thank you for the question.

You can use this css code to adjust the size of the featured image and remove the border.

.news-thumb {
    padding: 0;
    height: 52px;
    width: 52px;
    border: 0;
}

.news-thumb img {
    width: 52px;
    height: 52px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
Thanks for the feedback, the image srcset options are 36px, 80px, & 180px
so to use the 80px size image add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_news_thumb_size() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('.newsbox .news-thumb img.size-widget').attr('width', '80px');
$('.newsbox .news-thumb img.size-widget').attr('height', '80px');
$('.newsbox .news-thumb img.size-widget').attr('sizes', '(max-width: 80px) 100vw, 80px');
$('.newsbox .news-thumb').css({'height': '80px','width': '80px'});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_news_thumb_size');

and then change your css to this:

.news-thumb {
    padding: 0;
    height: 80px;
    width: 80px;
    border: 0;
}

.news-thumb img {
    width: 80px;
    height: 80px;
}

If you want to use the 180px size, just adjust the code to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike