- TutorialsExisting content
Hello VoZz,
As you can see here -> http://screencast.com/t/0QHgKfiZWt these are all dimensions from all the thumbs that our theme uses for the featured images. Please ensure that you have correctly added your images. Also, please ensure that this issue does not come from your untested plugins which could create this problem. Try to disable all the active plugins, leave just Visual Composer to active, clear all cache and install only the plugins that come bundled with our theme. Also, you can try to use Thumbnail Regenerate & Force Regenerate for your thumbs and check after the results.
Hope this helps. If you need more guidance in this regard, please provide your website URL so I can further inspect the issue.
Thank you for your understanding!
Hi,
We have no such reports of the thumbnails losing quality over the original image. Please try to deactivate all plugins except visual composer (including jetpack as photon is known to reduce image quality) and regenerate thumbs again. If the problem is still there, please provide a link to such images so we can inspect it.
Thank you!
Hi
The theme don’t not controls the images compression, that is controlled by WordPress. However by follwing the indicated tutorial you can set your awn compression for for the images, just add this line in functions.php then regenerate your thumbnails.
add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );
Thanks!
Hi
The difference between the original image and the thumb displayed my occur because wordpress compress each image to keep the image size as low as possible. Follow this tutorial to increase the compression rate: https://premium.wpmudev.org/blog/fix-jpeg-compression/ Also you’ll have to regenerate your thumbs so the changes to be applied: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Thanks!
I didn’t have to disable all of the plugins… THANK GOD!!!
I disabled Photon in Jetpack and used the Regenerate Thumbnails plugin and everything seems to be working fine (so far!)
Thank you.
Hello lancetylerphotos,
I have checked your website and I saw that your thumbs are not generated. This issue comes from your untested plugins, especially Photon module from Jetpack plugins. Please try to disable all the active plugins, leave just Visual Composer to active and install only the plugins that come bundled with our theme and rule out the conflicting plugins. After these changes, you have to regenerate your thumbnails using the Regenerate Thumbnails. For more information about these kinds of plugins, please consult their documentation here -> https://wordpress.org/plugins/thumbnail-upscale/ -> https://wordpress.org/plugins/regenerate-thumbnails/ Also, please ensure that the functionalities of these plugins are not affected by the other untested plugins that could create interference through the theme. Please notice that these types of plugins are not tested with our theme and we cannot provide support for the theme. We recommend them because a lot of our customer uses and they were satisfied to their functionality.
Hope this helps and let us know how it goes!
Thank you for the message!
Hi
These are default settings from WordPress but our theme create its own thumbs for each module. Theme’s thumbs can be enabled/disabled from theme panel > block settings: http://screencast.com/t/4r5CKoaUhF
Make sure you regenerate your thumbnails following our guide then test again.
Thanks!
thank you that worked.
The problem was that I uploaded the images via the pixabay plugin from pixabay.
Is there a possibility to directly scale it correctly when I upload it via the pixabay plugin or do I need always to use “Regenerate Thumbnails”?
Hi
I’ve checked the image displayed on the grid and noticed that the thumbnails for it are not generated properly. Try to regenerate all your thumbnails following this guide: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ clear all caches then test again.
Let me know how it goes.
Thanks!
Hi
I’ve checked your site and noticed that the thumbnails are not generated properly that’s why the image is not displayed fine on big grid. Try to regenerate your thumbs following our documentation: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/ clear all caches and test again.
Let me know how it goes.
Thanks!
Hello menecez,
If you want to change the thumbnail size for Block 14 you have to edit the core file td_config.php. There you can see all the theme’s thumbs and from there you can change those sizes, like this -> http://screencast.com/t/SEnMEM4OSCCJ -> http://screencast.com/t/7IjW8rRObjNe -> http://screencast.com/t/lpvk8Eby After those modifications, you have to regenerate your thumbnail using the Thumbnail Regenerate & Force Regenerate plugin. Also, please notice that we do not recommend to increase or decrease these sizes because you can break the layout of the theme. Also, please notice that after those changes you need to do some additional customizations for style in order to achieve best results. If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thank you for your understanding!
Hello sreepmp,
If you want to change the thumbs sizes you have to change them from the core file named td_config.php, like this -> http://screencast.com/t/WVzrCIJS After these changes you have to regenerate your thumbnails with Thumbnail Regenerate and Force Regenerate. Please notice that we do not recommend to increase or decrease the thumb’s size because you can damage the layout of the theme. Here you can see all the thumbs of the theme -> http://screencast.com/t/WZWl3kbkCeWb
Hope this helps!
Thank you for the message!
Hi
Try to replace the previous code with this one, it will be applied only for desktop and tablet:
@media (min-width: 767px){
.td-theme-slider.iosSlider-col-3, .td-theme-slider.iosSlider-col-3 .td_module_slide, .td-theme-slider.iosSlider-col-3 .td-module-thumb img{
height: 500px!important;
}
}
The image look distorted because was designed for a height by 580px. So the image being displayed correctly you need to define a new thumb in td-config.php file: http://screencast.com/t/y22E5r0cDYt ten use it in td_module_slide.php to display the new image size: http://screencast.com/t/zCyQSd3mN You will also need to regenerate your thumbnails so the changes to take effect.
Thanks!
Hello blogwire,
Please take a look over the below explanation and try to understand a bit how it work the thumbs in the theme. Please check here ->>
Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate. For more information about these kinds of plugins, please consult their documentation here -> https://wordpress.org/plugins/thumbnail-upscale/ -> https://wordpress.org/plugins/regenerate-thumbnails/ Also, please ensure that the functionalities of these plugins are not affected by the other untested plugins that could create interference through the theme. Please notice that these types of plugins are not tested with our theme and we cannot provide support for the theme. We recommend them because a lot of our customer uses and they were satisfied to their functionality.
For your second request, please ensure that you have correctly followe the steps for Facebook sharing. For more information about these, please check our documentation here -> https://forum.tagdiv.com/facebook-share/
Thank you for your understanding!
Hi,
I’m not sure why the block moves to the right as we have not encountered this issue yet. Sorry.
As for the thumb, please make su re you have the proper thumbnail selected here: http://screencast.com/t/BbAPNHQBeQ and after you change these settings use the force regenerate plugin to regenerate your thumbnails.
Hope this helps.
Thank you!
Worked it out. For those who find this thread and want to change the feature image size.
First add the new size to the td_config first (code above) then find your post template style. I was using the post style template 1, which is located here (not sure why they’re called loop single!):
/wp-content/themes/Newspaper/loop-single-1.php
On line 51, change:
echo $td_mod_single->get_image('medium');
TO
echo $td_mod_single->get_image('td_326x200');
Change the TD reference to whatever size you have already added to the tp_config file.
Regenerate your thumbnails and it should be there.
Cheers,
John
Hi Catalin,
Not sure if you read my full post?! I have already created the new feature image size (just like I did for other modules) in td_config. In the case of modules, you need to add a second piece of code inside the template itself to make the new size work. I’m asking where the “Post style 1 template php file” is? In this file, just like the modules, there should be an “echo image” reference in the PHP that I need to change to td_326x200 (from the old size).
I will of course regenerate thumbs when I have made this adjustment first…
Cheers,
John
Hello bowman9991,
Please noticed that if you want to change the dimensions of the featured image according to your blocks, you have to change the structure of each thumb from td_config.php where you can find all the thumbs created for the theme, like this -> http://screencast.com/t/siMGnfUsO3y or you can create another one. Please notice that is not a simple task and if you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry! After you have created these thumbs you have to use the Regenerate Thumbnails & Force Regenerate plugin for good results.
Hope this helps!
Thank you for the message!
@centennia
I have checked your site but could not find any problems with block 18: http://screencast.com/t/q1WVX7CpJG. Please provide more details as I cannot understand the issue from the scrrenshot. Is it the thumbnails not filling the container? If this is the case, then please try to upload biger images for those posts and regenerate thumbs. Also make sure you have the thumbnails selected from here http://screencast.com/t/kCD9bamhB as I see that your block 18 uses the full size image and not the thumbnail.
@Lynden
Thanks. Glad you got it working.
@fitnessfactory
Please try to deactivate all plugins except visual composer, clear cache and reset cdn files if you use it. If the plugin still won;t work, please send us an email at contact@tagdiv.com and provide wp-admin so we can access the back-end to inspect it.
Thank you!
Hi support,
I have added a new size to be used as my featured image on single post pages (Post template style 1).
It appears in the themes panel settings in thumbnails, and I have regenerated thumbnails, but the featured image size does not change (only shows it as 300px by 184px). What file do I need to edit to add this code “td_326x200”?
What is the module name or file name to set featured image sizes? I have edited other module templates successfully, but don’t know which file holds the “featured image” code.
Will this also change the YouTube image thumbnail crop settings when a YouTube video is added to the featured image field in a post?
Many thanks,
John
PS – This is the code I used to add the new image size, which appears under “Thumbs on modules and blocks”.
td_api_thumb::add('td_326x200',
array(
'name' => 'td_326x200',
'width' => 326,
'height' => 200,
'crop' => array('center', 'top'),
'post_format_icon_size' => 'normal',
'used_on' => array(
'Post template 1'
)
)
);
Actually, if you use the force regenerate plugin, it should delete any unused thumbs. But there is no way to reduce the number of sizes created besides the options I showed above. the theme creates thumbnails for every image in the sizes you select from the panel.
Thank you!
Hi there, After updating plugins, and WordPress disappeared images (thumbnails). How to fix it? I tried to regenerate the thumbnails and make reinstall WP. Unfortunately, it did not help My site: http://www.poloniawuk.co.uk/
Hi,
In order to trim down the thumbnails as much as possible you need to reduce the thumbnails used on your site. That means reducing the number of different modules used on different templates from template settings and deactivating the thumbs from here: http://screencast.com/t/PDRdb88xk
After you do this please use the force regenerate plugin to regenerate thumbs as it will also delete the old thumbs and unused ones.
I hope this helps.
Hello Reyad,
Unfortunately, your suggested plugin is not tested with our theme and we have no idea about the behaviour of the theme with this type of plugin. You can try this and see how it works for you but please notice that we cannot provide support for untested plugins. As a quick workaround, you can disable your unused thumbs from Theme panel to avoid the generating images for these thumbs. Also, occasionally you can use the Force Regenerate plugin because it will clear all your unused images for your website. You can check this topic here -> https://forum.tagdiv.com/topic/how-to-manage-growing-image-library-and-file-size-on-disk/ for more information about this case.
Thank you for your understanding!
