-
Posts
-
The image size on the Enfold Latest News are very small and hard to see (especially on Desktop). Is there a way to increase the image sizes (ideally have them use thumbnail 80×80 instead of widget 36×36)?
Thanks!
Not sure if there’s a way to do this via CSS or if a file needs to be modified, but any guidance would be greatly appreciated!
Hi,
Can you give us a link to the page you are referring? it can be on your site or if it’s on the demo please post it here.
Best regards,
NikkoHi, I’m just referring to increasing the default image size used in the “Enfold Latest News” widget from the tiny widget size (36 x 36). For example:
http://kriesi.at/themes/enfold/blog/
The images in the Latest News are tiny and impossible to distinguish. We’d like to make them larger, something closer to 100 x 70 or similar. Even using the Thumbail Size of 80 x 80 would be a major improvement.
Thanks so much!
Hey,
Try using this plugin: https://wordpress.org/plugins/simple-image-sizes/ then in Settings > Media you should be able to see sizes and widget should be 36 x 36, just change it to the value you like then regenerate the images or you might need to re-upload if there are no changes. Then on Quick CSS (located in Enfold > General Styling) try to add this css code:
#top .news-thumb img, #top .news-thumb img { width: 100px !important; height: 80px !important; max-width: 100px; }Just adjust the width and height as you see fit. Hope this helps :)
Cheers!
NikkoHey!
Please try adding following code to Functions.php file of your child theme in Appearance > Editor
add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['widget'] = array('width'=>200, 'height'=>200); return $size; }adjust the size as needed and then regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Best regards,
YigitThanks Yigit. Is there simply a way to use the “Thumbnail” size (80×80) for Enfold Latest News without having to regenerate images?
Thanks again for your help!
Hi,
If you would like to apply the changes to images that you have applied before adding the code, then you would need to regenerate thumbnails. Newly added images will be resized as you defined them :)
Best regards,
YigitI actually don’t want to regenerate any thumbnails, instead use the standard ‘thumbnail’ size already part of Enfold at 80×80 pixels. Is there code I can add to functions.php that would do that? Thanks
Just to summarize,
I’m looking for the code so that Enfold Latest News will use the thumbnail size (80 x 80) that is standard with Enfold and already created instead of the widget size (36 x 36), which is too small to see.
Thanks for your help!
Hi!
This is what exactly you should do – https://kriesi.at/support/topic/increase-image-sizes-on-enfold-latest-news/#post-761988. After regenerating thumbnails, you can delete the plugin :)
Cheers!
YigitHey,
You will need to regenerate the images, because if you define a new size it won’t affect the old images, to resize the images to the new size the old images must be regenerated otherwise you need to re-upload the images.
Regards,
NikkoSo the thumbnail images already exist (default WordPress) and are sized at 80 x 80. If I simply want to use that, what would the code look like for that?
Thanks again!
Just to be totally clear. In WordPress > Settings > Media there is a size called “Thumbnail Size” that is set at 80 x 80 pixels. It’s already an existing image size.
I’d just like to use that size (“Thumbnail”) instead of “Widget” for Enfold Latest News.
Thanks again Kriesi team!
Hi,
You would need to modify some core files to do that, I would suggest setting the widget image size to 80×80 then regenerate the thumbnails after, this would be the easier and safer method.
Best regards,
NikkoThat’s too bad. I hope you add the ability to have larger images in the right rail in a future release. They are tiny and very difficult to see currently.
Ok, after 2 years the method to change images so it’s always this or in the meantime have you updated with something simpler?
Hi Mickyhood,
You can use this filter to modify image sizes: avf_modify_thumb_size
This is an example of how to use it:add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 ); function enfold_customization_modify_thumb_size( $size ) { $size['widget'] = array('width'=>80, 'height'=>80); return $size; }You will still need to regenerate older images for it to be resized.
Best regards,
NikkoOk, if i want to “insert” the image in another resolution, i just change the values “80” into something like:
add_filter( ‘avf_modify_thumb_size’, ‘enfold_customization_modify_thumb_size’, 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
$size[‘widget’] = array(‘width’=>150, ‘height’=>84);
return $size;
}it’s correct?
Hi Mickyhood,
Yes, that’s correct.
If it’s not working please replace the single quotes from ’ to ‘Best regards,
NikkoHi Mickyhood,
Just put it in functions.php.
We suggest using a child theme and put it in the child theme’s functions.php since during Enfold theme update (this is the same for any other theme), any modification made in the theme files will be lost.
Putting it in the child theme will preserve the added code.Best regards,
Nikkohello, I was referring to this:
Yes, that’s correct.
If it’s not working please replace the single quotes from ’to‘Hi Mickyhood,
I see, here’s a screenshot showing the comparison of the code we posted: https://imgur.com/L0WiZSG
You’ll notice the difference in single quotes, and most of the time when this does not work the only thing you’ll need to do is to replace those single quotes, you can replace it by retyping the single quotes manually.Best regards,
Nikko
- You must be logged in to reply to this topic.